HTML5網(wǎng)頁(yè)編程知到智慧樹(shù)章節(jié)測(cè)試課后答案2024年秋山東勞動(dòng)職業(yè)技術(shù)學(xué)院

HTML5網(wǎng)頁(yè)編程知到智慧樹(shù)章節(jié)測(cè)試課后答案2024年秋山東勞動(dòng)職業(yè)技術(shù)學(xué)院第一章單元測(cè)試

萬(wàn)維網(wǎng)將因特網(wǎng)中的信息以（）的形式進(jìn)行展示；通過(guò)鏈接的方式從因特網(wǎng)的一個(gè)站點(diǎn)訪問(wèn)另一個(gè)站點(diǎn)。（）

A:聲音B:動(dòng)畫C:超文本D:文本

答案:超文本()即統(tǒng)一資源定位器，用來(lái)指明文件在互聯(lián)網(wǎng)中的位置。（）

A:URLB:HTTPC:HTMLD:WWW

答案:URL""中()是協(xié)議。（）

A:HTTPB:HTMLC:WWWD:URL

答案:HTTPweb標(biāo)準(zhǔn)包括（）。（）

A:W3CB:結(jié)構(gòu)標(biāo)準(zhǔn)C:表現(xiàn)標(biāo)準(zhǔn)D:行為標(biāo)準(zhǔn)

答案:結(jié)構(gòu)標(biāo)準(zhǔn)；表現(xiàn)標(biāo)準(zhǔn)；行為標(biāo)準(zhǔn)以下說(shuō)法中，錯(cuò)誤的是（）。（）

A:網(wǎng)站就是一系列邏輯上可以視為一個(gè)整體的頁(yè)面的集合。B:所有網(wǎng)頁(yè)的擴(kuò)展名都是.htm。C:主頁(yè)就是進(jìn)入網(wǎng)站的第一個(gè)頁(yè)面，也被稱為首頁(yè)。D:網(wǎng)頁(yè)主要內(nèi)容區(qū)域的大小一般設(shè)置的是1000左右，是主視覺(jué)區(qū)。

答案:所有網(wǎng)頁(yè)的擴(kuò)展名都是.htm。按照網(wǎng)站界面功能構(gòu)成來(lái)看，每一種界面要素都承擔(dān)網(wǎng)頁(yè)的部分功能，通常包括：頁(yè)頭（一般包括LOGO）、（）、條幅廣告、欄目區(qū)域和頁(yè)腳部分。（）

A:導(dǎo)航欄B:注冊(cè)C:登錄D:任務(wù)欄

答案:導(dǎo)航欄網(wǎng)頁(yè)從構(gòu)成的視聽(tīng)要素來(lái)看，以下不是構(gòu)成要素的是（）。（）

A:動(dòng)畫B:文字C:web源文件D:圖形圖像

答案:web源文件Hbuilder可以新建（）?（）

A:目錄B:html文件C:css文件D:js文件

答案:目錄；html文件；css文件；js文件web前端開(kāi)發(fā)工具有哪些？（）

A:WebstormB:HBuilderC:SublimeD:Dreamweaver

答案:Webstorm；HBuilder；Sublime；Dreamweaver常用的瀏覽器都有哪些？（）

A:谷歌B:OperaC:火狐D:360安全瀏覽器

答案:谷歌；Opera；火狐；360安全瀏覽器

第二章單元測(cè)試

字體（font）樣式的屬性不包括（）。（）

A:font-familyB:font-italicC:font-sizeD:font-style

答案:font-italic要在新窗口打開(kāi)一個(gè)鏈接指向的網(wǎng)頁(yè)需用到（）。（）

A:href=”#blank”B:target=”_blank”C:name=”_blank”D:href=”_blank”

答案:target=”_blank”以下哪個(gè)屬性用來(lái)作為一個(gè)有序或無(wú)序列表項(xiàng)標(biāo)記的圖像？（）

A:list-typeB:list-style-typeC:list-imageD:list-style-image

答案:list-style-image如何能夠定義列表的項(xiàng)目符號(hào)為實(shí)心矩形？（）

A:type:dottedB:list-type:squareC:type:squareD:list-style-type:square

答案:list-style-type:square可以清除元素兩側(cè)的浮動(dòng)的影響，使用css的屬性是（）。（）

A:clearB:float：allC:position：fixedD:clear：both

答案:clear：both使用()偽對(duì)象也可以清除浮動(dòng)。（）

A:beforeB:afterC:first-letteD:next

答案:after()表示固定定位，相對(duì)于瀏覽器窗口進(jìn)行定位。（）

A:fixedB:absoluteC:relativeD:static

答案:fixed可以使用css的（)屬性來(lái)設(shè)置元素的定位類型。（）

A:overflowB:z-indexC:positionD:float

答案:position定位元素是浮動(dòng)的正常的文檔流之上的，可以用()屬性來(lái)設(shè)置元素的層級(jí)。（）

A:z-indexB:floatC:positionD:overflow

答案:z-index表格中設(shè)置單元格橫跨列數(shù)的是（）

A:cellpaddingB:headerC:colspanD:rowspan

答案:colspan

第三章單元測(cè)試

以下可以實(shí)現(xiàn)將h2元素下的兄弟元素p，設(shè)置字體樣式為紅色的是哪個(gè)？（）

A:p{color:red}B:h2~p{color:red}C:h2--p{red}D:h~p{color:red}

答案:h2~p{color:red}通過(guò)偽類選擇實(shí)現(xiàn)選擇li元素，且該元素是同級(jí)同類中的最后一個(gè)元素。（）

A:ulli:lastB:ulli:first-of-typeC:ulli:last-childD:ulli:last-of-type

答案:ulli:last-of-type使用CSS中，新增背景屬性，實(shí)現(xiàn)設(shè)置背景從元素內(nèi)邊距開(kāi)始顯示背景圖像。（）

A:background-clip:padding-boxB:background-clip:paddingC:background-clip:border-boxD:background-clip:content-box

答案:background-clip:padding-box以下可以實(shí)現(xiàn)文本強(qiáng)制換行的操作是哪個(gè)？（）

A:.break{word-wrap:break-word}B:.break{word-wrap}C:.normal{word-wrap:normal}D:.normal{word-wrap}

答案:.break{word-wrap:break-word}使用以下哪個(gè)屬性可以實(shí)現(xiàn)義邊框左上角為圓角？（）

A:border-bottom-right-radiusB:border-top-right-radiusC:border-top-left-radiusD:border-bottom-left-radius

答案:border-top-left-radius以下可以實(shí)現(xiàn)段落元素＜p＞從初始位置往右移動(dòng)10像素、往下移動(dòng)20像素的代碼是哪個(gè)？（）

A:p{transform:translateY(30px);}B:p{transform:translateX(30px);}C:p{transform:translate(10px,20px);}D:p{transform:translateY(10px,20px);}

答案:p{transform:translate(10px,20px);}以下可以定義沿X軸的3D旋轉(zhuǎn)的選項(xiàng)是哪個(gè)？（）

A:rotate(angle)B:rotateY(angle)C:rotateZ(angle)D:rotateX(angle)

答案:rotateX(angle)transition-property屬性的取值不包含以下哪一種？（）

A:classB:propertyC:noneD:all

答案:class為段落元素p指定名稱為myframe的動(dòng)畫效果，該如何設(shè)置？（）

A:transition-name:myframe;B:p{animation-name:myframe;}C:p{transition-name:myframe;}D:p{transition:myframe;}

答案:p{animation-name:myframe;}為段落元素＜p＞實(shí)現(xiàn)多列效果代碼如下：

p{

columns:20px3;

}

上述代碼實(shí)現(xiàn)得到效果是什么？（）

A:將文本分為20行，每列寬度為3像素B:將文本分為3列，每列寬度為20像素C:將文本分為20列，每列寬度為3像素D:將文本分為3行，每列寬度為20像素

答案:將文本分為3列，每列寬度為20像素

第四章單元測(cè)試

以下哪個(gè)屬性可以實(shí)現(xiàn)多列布局的浮動(dòng)樣式設(shè)置。（）

A:flexB:positionC:floatD:box-sizing

答案:float超鏈接的偽類選擇器的使用順序?yàn)椋ǎ?

A:link、hover、visited、activeB:link、hover、active、visitedC:link、visited、hover、activeD:link、visited、active、hover

答案:link、visited、hover、active實(shí)現(xiàn)布局的方式有哪些？（）

A:DIV+CSSB:TABLE+CSSC:UL+CSSD:DL+CSS

答案:DIV+CSS；UL+CSS；DL+CSS如何實(shí)現(xiàn)導(dǎo)航欄中每個(gè)導(dǎo)航項(xiàng)的內(nèi)容垂直方向居中？（）

A:position:absolute；left:50%B:margin:10pxautoC:line-height與列表項(xiàng)的高度相同。D:text-align:center

答案:line-height與列表項(xiàng)的高度相同。行內(nèi)塊級(jí)元素是不能設(shè)置高度的。（）

A:錯(cuò)B:對(duì)

答案:錯(cuò)

第五章單元測(cè)試

某網(wǎng)站的本地站點(diǎn)的項(xiàng)目路徑如下所示：<br>D：\website\shopping.html<br>D：\website\css\shopping.css<br>在shopping.html中引用外部css文件的語(yǔ)句合法的是哪個(gè)？（）

A:<linkrel=”stylesheet”type=”text/css”href=”css/shopping.css”>B:<linkrel=”stylesheet”type=”text/css”href=”./../js/shopping.css”>C:<linkrel=”stylesheet”type=”text/css”href=”../js/shopping.css”>D:<linkrel=”stylesheet”type=”text/css”href=”shopping.css”>

答案:<linkrel=”stylesheet”type=”text/css”href=”css/shopping.css”>規(guī)劃站點(diǎn)需要明確哪些事項(xiàng)？（）

A:網(wǎng)站內(nèi)容B:網(wǎng)站建設(shè)目標(biāo)C:其他都是D:網(wǎng)站目錄結(jié)構(gòu)

答案:網(wǎng)站內(nèi)容；網(wǎng)站建設(shè)目