Web前端開發(fā)基礎(chǔ)知到智慧樹章節(jié)測試課后答案2024年秋山東工業(yè)職業(yè)學(xué)院

Web前端開發(fā)基礎(chǔ)知到智慧樹章節(jié)測試課后答案2024年秋山東工業(yè)職業(yè)學(xué)院緒論單元測試

2019年數(shù)字產(chǎn)業(yè)化規(guī)模達(dá)到6.4萬億元，占GDP比重為7.1%。其中，軟件和信息技術(shù)服務(wù)業(yè)、互聯(lián)網(wǎng)行業(yè)增長較快，收入同比分別增長14.2%和20.3%。(）

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

答案:對(duì)課程主要講述HTML5、CSS樣式、Canvas和JavaScript相關(guān)知識(shí)。（）

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

答案:對(duì)

項(xiàng)目一單元測試

下面關(guān)于網(wǎng)站制作的說法錯(cuò)誤的是（）。

A:首先要定義站點(diǎn)B:最好把素材和網(wǎng)頁文件放在同個(gè)文件夾下以便方便

C:首頁的文件名必須是index.htm

D:一般在制作時(shí)，站點(diǎn)一般定義為本地站點(diǎn)

答案:首頁的文件名必須是index.htm

以下鏈接到電子郵件的正確格式是（）。

A:＜Ahref=“mailto://123@”＞郵箱＜/A＞B:＜Ahref=“mailto:123@”＞郵箱＜/A＞

C:＜Ahref=“#mailto:123@”＞郵箱＜/A＞D:＜Ahref=“mailto:123@”＞郵箱＜/A＞

答案:＜Ahref=“mailto:123@”＞郵箱＜/A＞

ID為left的DIV標(biāo)簽，用CSS設(shè)置DIV的左邊為紅色實(shí)線，下面設(shè)置正確的是（）。

A:style=“border-left:1#ff0000solid；”B:style=“border-right:1，#ff0000，dashed；”

C:style=“border-top:#ff00001solid；”D:style=“border-left:1，#ff0000，solid；”

答案:style=“border-left:1#ff0000solid；”HTML語言中，設(shè)置表格單元格的水平對(duì)齊的標(biāo)記是（）。

A:＜tdtext-valign=#＞

B:＜tdtext-align=#＞C:＜tdvalign=?＞D:＜tdalign=?＞

答案:＜tdalign=?＞在插入表格標(biāo)簽中，表示表格的一列是（）。

A:tableB:trC:all

D:td

答案:tdfont屬性值的書寫順序?yàn)?，____，____，____，____，____。

答案:0設(shè)置超鏈接的四種狀態(tài)，____，____，____，____。

答案:0HTML5標(biāo)簽必須成對(duì)出現(xiàn)。（）

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

答案:錯(cuò)XHTML文檔的基本結(jié)構(gòu)由哪幾部分構(gòu)成？

答案:0寫出ul、ol和dl三種列表的XHTML結(jié)構(gòu)？

答案:0

項(xiàng)目二單元測試

段落標(biāo)簽<p>的作用是什么？（）

A:插入圖片B:創(chuàng)建不同的div區(qū)域C:設(shè)置水平對(duì)齊方式D:定義段落并增加段前、段后的行距

答案:定義段落并增加段前、段后的行距以下哪些屬于<p>標(biāo)簽的屬性？（）

A:colorB:titleC:bodyD:class

答案:title；class為什么在<img>標(biāo)簽中使用alt屬性？（）

A:控制圖片邊框厚度B:設(shè)置圖片的寬度和高度C:提供替換文本以替代無法顯示的圖片D:調(diào)整圖片距旁邊文字的位置

答案:提供替換文本以替代無法顯示的圖片img的常見屬性有哪幾種（）？（）

A:width、heightB:colorC:altD:align

答案:width、height；alt；align關(guān)于HTML中的<div>標(biāo)簽，以下哪些描述是正確的？（）

A:多個(gè)<div>元素默認(rèn)按照從上到下的方式排列。B:<div>標(biāo)簽具有特定的含義，表示網(wǎng)頁的主要內(nèi)容。C:<div>標(biāo)簽是HTML中的一個(gè)區(qū)塊容器標(biāo)記。D:<div>標(biāo)簽可以將網(wǎng)頁分割為獨(dú)立的、不同的部分。

答案:多個(gè)<div>元素默認(rèn)按照從上到下的方式排列。；<div>標(biāo)簽是HTML中的一個(gè)區(qū)塊容器標(biāo)記。；<div>標(biāo)簽可以將網(wǎng)頁分割為獨(dú)立的、不同的部分。關(guān)于CSS3中的類選擇器，以下哪些描述是正確的？（）

A:類選擇器在標(biāo)簽中使用class屬性進(jìn)行應(yīng)用，并不需要在類名前加點(diǎn)號(hào)B:類選擇器用于設(shè)置個(gè)別標(biāo)簽的樣式，與其他標(biāo)簽樣式不同C:類選擇器的定義需要在<style>標(biāo)簽中使用類名和屬性值D:類選擇器只能用于<div>標(biāo)簽，不能應(yīng)用于其他標(biāo)簽

答案:類選擇器在標(biāo)簽中使用class屬性進(jìn)行應(yīng)用，并不需要在類名前加點(diǎn)號(hào)；類選擇器用于設(shè)置個(gè)別標(biāo)簽的樣式，與其他標(biāo)簽樣式不同；類選擇器的定義需要在<style>標(biāo)簽中使用類名和屬性值CSS是層疊樣式表CascadingStyleSheet的縮寫。（）

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

答案:對(duì)以下哪個(gè)選項(xiàng)描述了CSS中的transition屬性的作用？（）

A:觸發(fā)過渡效果的事件限定為鼠標(biāo)單擊B:設(shè)置元素的高度、寬度和背景顏色C:控制CSS屬性值在一定的時(shí)間區(qū)間內(nèi)平滑地過渡D:限制transition屬性只能應(yīng)用于<div>標(biāo)簽

答案:控制CSS屬性值在一定的時(shí)間區(qū)間內(nèi)平滑地過渡CSS的（）允許CSS的屬性值在一定的時(shí)間區(qū)間內(nèi)平滑地過渡。（）

A:titleB:middleC:transitionD:hover

答案:transition下面關(guān)于transition屬性的說法哪些是正確的？選擇所有正確的選項(xiàng)（）

A:在CSS3中，transition屬性可以實(shí)現(xiàn)文字或圖像的旋轉(zhuǎn)、縮放、傾斜和移動(dòng)B:transition屬性需要在HTML元素中設(shè)置C:使用transition屬性時(shí)，可以通過:hover偽類來觸發(fā)變化效果D:transition屬性只能用于圖片元素的變形處理

答案:在CSS3中，transition屬性可以實(shí)現(xiàn)文字或圖像的旋轉(zhuǎn)、縮放、傾斜和移動(dòng)；使用transition屬性時(shí)，可以通過:hover偽類來觸發(fā)變化效果

項(xiàng)目三單元測試

下列關(guān)于<h>標(biāo)題標(biāo)簽的描述，哪個(gè)是正確的？（）

A:h1標(biāo)題的重要性最高，h6最低B:h1至h6標(biāo)簽必須成對(duì)出現(xiàn)C:h1至h6標(biāo)簽的重要性是一樣的，只是字號(hào)逐漸減小D:標(biāo)題文字的對(duì)齊方式不能進(jìn)行設(shè)置

答案:h1標(biāo)題的重要性最高，h6最低標(biāo)題標(biāo)簽中的字母h是英文（）的簡稱。（）

A:alignB:transformC:homeD:headline

答案:headline下列關(guān)于HTML強(qiáng)調(diào)標(biāo)簽的描述，哪個(gè)是正確的？（）

A:<b>和標(biāo)簽都是塊級(jí)元素B:<b>和標(biāo)簽都必須包含首尾標(biāo)簽C:<b>和標(biāo)簽在顯示效果上完全相同D:<b>標(biāo)簽用于顯示粗體文本，標(biāo)簽用于顯示斜體文本

答案:<b>和標(biāo)簽都必須包含首尾標(biāo)簽下列哪個(gè)是HTML的強(qiáng)調(diào)標(biāo)簽？（）

A:dB:strongC:aD:b

答案:strong；b關(guān)于添加水平線，下列說法哪些是正確的？（）

A:可以通過設(shè)置屬性來改變水平線的高度、寬度和顏色B:水平線的高度和寬度值只能使用像素值C:在HTML5中，使用<hr>標(biāo)簽可以添加水平線D:默認(rèn)情況下，插入的水平線寬度是100%、高度是1px

答案:水平線的高度和寬度值只能使用像素值；在HTML5中，使用<hr>標(biāo)簽可以添加水平線；默認(rèn)情況下，插入的水平線寬度是100%、高度是1px水平線的寬度值可以是確定的像素值，不可以是窗口寬度值的百分比。（）

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

答案:錯(cuò)下面關(guān)于ID選擇器的說法哪個(gè)是正確的？（）

A:ID選擇器通常與類選擇器一起使用B:ID選擇器使用“#”符號(hào)來表示ID標(biāo)識(shí)名C:ID屬性可以在HTML元素中重復(fù)使用D:ID選擇器只能修飾div標(biāo)簽

答案:ID選擇器使用“#”符號(hào)來表示ID標(biāo)識(shí)名ID屬性類似于頁面中元素的（）？（）

A:身份證B:地址C:姓名D:有效期限

答案:身份證CSS3中，可以利用transform功能實(shí)現(xiàn)文字或圖像的有（）類型的變形處理。（）

A:移動(dòng)B:傾斜C:縮放D:旋轉(zhuǎn)

答案:移動(dòng)；傾斜；縮放；旋轉(zhuǎn)通過CSS樣式中的（）屬性可以實(shí)現(xiàn)圖片的自動(dòng)旋轉(zhuǎn)。（）

A:trainB:transitionC:tranD:transform

答案:transition；transform

項(xiàng)目四單元測試

下面關(guān)于無序列表（ul）的說法那個(gè)事正確的？（）

A:無序列表的標(biāo)簽是<ol>和</ol>B:無序列表的各個(gè)列表項(xiàng)之間有順序級(jí)別之分C:無序列表中的每個(gè)列表項(xiàng)需要使用<ol>和</ol>標(biāo)簽包圍D:無序列表的標(biāo)簽是<ul>和</ul>

答案:無序列表的標(biāo)簽是<ul>和</ul>HTML5不再支持<ul>type屬性，需使用CSS替代。（）

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

答案:對(duì)有序列表（ol）和定義列表（dl）的使用場景有哪些？選擇所有正確的選項(xiàng)。（）

A:有序列表和定義列表都適用于創(chuàng)建多層級(jí)的嵌套列表B:定義列表適用于對(duì)術(shù)語或名詞進(jìn)行解釋和描述C:有序列表適用于展示排行榜、序列等按照一定順序排列的內(nèi)容D:有序列表和定義列表都適用于無需按照順序排列的項(xiàng)目

答案:有序列表和定義列表都適用于創(chuàng)建多層級(jí)的嵌套列表；定義列表適用于對(duì)術(shù)語或名詞進(jìn)行解釋和描述；有序列表適用于展示排行榜、序列等按照一定順序排列的內(nèi)容在定義列表中,用于對(duì)名詞進(jìn)行解釋和描述的標(biāo)記是（）。（）

A:<a></a>B:<dd></dd>C:<dt></dt>D:<dl></dl>

答案:<dd></dd>下面關(guān)于超鏈接標(biāo)簽<a>的說法哪個(gè)是正確的？（）

A:target屬性用于指定鏈接頁面的打開方式，默認(rèn)為_blankB:href屬性用于指定鏈接目標(biāo)的URL地址C:超鏈接標(biāo)簽使用一對(duì)<a></a>標(biāo)記來定義超鏈接D:超鏈接標(biāo)簽只能鏈接到絕對(duì)路徑

答案:target屬性用于指定鏈接頁面的打開方式，默認(rèn)為_blank；href屬性用于指定鏈接目標(biāo)的URL地址；超鏈接標(biāo)簽使用一對(duì)<a></a>標(biāo)記來定義超鏈接a標(biāo)簽中的（）屬性可以鏈接到相對(duì)路徑或絕對(duì)路徑。（）

A:_blankB:hrefC:_selfD:target

答案:href下面關(guān)于CSS中的字體屬性的說法，哪個(gè)是正確的？（）

A:字體屬性不包括設(shè)置字體的粗細(xì)B:字體屬性用于定義文本的外觀，如文本顏色、行高和對(duì)齊方式C:字體屬性可以通過font屬性的縮寫形式一次性設(shè)置字體的所有樣式屬性D:字體屬性只包括設(shè)置字體的大小和字體類型

答案:字體屬性可以通過font屬性的縮寫形式一次性設(shè)置字體的所有樣式屬性CSS3的字體屬性用于定義（）。（）

A:字號(hào)大小B:字體是否加粗C:字體類型D:字體顏色

答案:字號(hào)大?。蛔煮w是否加粗；字體類型以下有關(guān)列表的說法中，錯(cuò)誤的是（）。（）

A:無序列表默認(rèn)的type屬性值是“circle”。B:有序列表和無序列表可以互相嵌套。C:在創(chuàng)建列表時(shí)，li標(biāo)記符的結(jié)束標(biāo)記符可以省略。D:有序列表默認(rèn)的type屬性值是“1”。

答案:無序列表默認(rèn)的type屬性值是“circle”。以下有關(guān)列表的說法中，錯(cuò)誤的是（）。（）

A:有序列表默認(rèn)的type屬性值是“A”。B:有序列表和無序列表可以互相嵌套。C:在創(chuàng)建列表時(shí)，li標(biāo)記符的結(jié)束標(biāo)記符可以省略。D:無序列表默認(rèn)的type屬性值是“disc”。

答案:有序列表默認(rèn)的type屬性值是“A”。

項(xiàng)目五單元測試

span標(biāo)簽和div標(biāo)簽的主要區(qū)別是什么？（）

A:span標(biāo)簽只能包含行內(nèi)元素，div標(biāo)簽可以包含行內(nèi)和塊級(jí)元素B:span標(biāo)簽沒有任何格式化渲染，div標(biāo)簽可以應(yīng)用樣式表C:span標(biāo)簽?zāi)J(rèn)另起一行顯示，div標(biāo)簽在同一行顯示D:span標(biāo)簽是塊級(jí)元素，div標(biāo)簽是行內(nèi)元素

答案:span標(biāo)簽只能包含行內(nèi)元素，div標(biāo)簽可以包含行內(nèi)和塊級(jí)元素常見的行內(nèi)標(biāo)簽有（）？（）

A:<a>B:<span>C:<del>D:

答案:<a>；<span>；<del>；以下哪個(gè)屬性可以設(shè)置表格的背景顏色？（）

A:cellpaddingB:cellspacingC:bgcolorD:align

答案:bgcolor下列選項(xiàng)中屬于table的常見屬性的是。（）

A:bgcolorB:borderC:alignD:pixels

答案:bgcolor；border；align在HTML中，用于設(shè)置盒子與其他盒子之間的距離的屬性是什么？（）

A:marginB:spacingC:borderD:padding

答案:marginmargin當(dāng)只指定一個(gè)值時(shí),該值會(huì)統(tǒng)一應(yīng)用到全部四個(gè)邊的外邊距上。（）

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

答案:對(duì)在網(wǎng)頁布局中，用于調(diào)整元素內(nèi)容與邊框之間的空間的屬性是什么？（）

A:marginB:paddingC:borderD:spacing

答案:padding下列屬于padding屬性值的是（）。（）

A:lengthB:%C:autoD:&

答案:length；%；auto<link>標(biāo)簽在HTML文件中的作用是導(dǎo)入CSS樣式文件？（）

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

答案:對(duì)下列（）標(biāo)簽不是創(chuàng)建標(biāo)準(zhǔn)表格所必須的標(biāo)簽。（）

A:thB:trC:tableD:td

答案:th

項(xiàng)目六單元測試

當(dāng)使用get方式提交表單數(shù)據(jù)時(shí)，數(shù)據(jù)會(huì)如何發(fā)送給服務(wù)器？（）

A:數(shù)據(jù)會(huì)以POST請(qǐng)求的方式發(fā)送給服務(wù)器，并附加在URL之后B:數(shù)據(jù)會(huì)以POST請(qǐng)求的方式發(fā)送給服務(wù)器C:數(shù)據(jù)會(huì)以GET請(qǐng)求的方式發(fā)送給服務(wù)器，并附加在URL之后D:數(shù)據(jù)會(huì)以GET請(qǐng)求的方式發(fā)送給服務(wù)器，但不會(huì)附加在URL之后

答案:數(shù)據(jù)會(huì)以GET請(qǐng)求的方式發(fā)送給服務(wù)器，并附加在URL之后表單在網(wǎng)頁開發(fā)中很常見，典型的應(yīng)用場景有以下哪幾種？（）

A:網(wǎng)站的登錄、注冊(cè)B:填寫訂單信息C:輸入關(guān)鍵字搜索D:填寫調(diào)查問卷

答案:網(wǎng)站的登錄、注冊(cè)；填寫訂單信息；輸入關(guān)鍵字搜索；填寫調(diào)查問卷在給定的注冊(cè)頁面代碼中，用于選擇性別的表單元素是什么類型的標(biāo)簽？（）

A:<select>B:<inputtype="text">C:<inputtype="radio">D:<textarea>

答案:<inputtype="radio">下列哪個(gè)屬性用于設(shè)置元素的背景顏色？（）

A:background-imageB:background-colorC:background-repeatD:background-position

答案:background-colorbackground-color不是用于設(shè)置元素的背景顏色。（）

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

答案:錯(cuò)在HBuilder的項(xiàng)目中新建CSS文件時(shí)，如何操作？（）

A:編輯→新建→CSS文件B:鼠標(biāo)右鍵CSS文件夾→新建→CSS文件C:工具→新建→CSS文件D:文件→新建→CSS文件

答案:鼠標(biāo)右鍵CSS文件夾→新建→CSS文件在"zibo.html"文件中，以下哪個(gè)標(biāo)簽用于定義網(wǎng)頁標(biāo)題？（）

A:<title>B:<body>C:<h1>D:<head>

答案:<title>在HTML5的input標(biāo)簽中，type屬性值outset表示按鈕。（）

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

答案:錯(cuò)在HTML5中，將表單中input元素的type屬性值設(shè)置為image時(shí)，用于創(chuàng)建圖片按鈕。（）

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

答案:對(duì)在HTML5中，設(shè)置input元素的readonly是只讀屬性。（）

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

答案:對(duì)

項(xiàng)目七單元測試

HTML元素根據(jù)其表現(xiàn)形式可以分為哪兩種？（）

A:高級(jí)元素B:塊級(jí)元素C:行內(nèi)元素D:低級(jí)元素

答案:塊級(jí)元素；行內(nèi)元素盒子模型由哪些部分組成？（）

A:內(nèi)容區(qū)B:邊框C:外邊距D:內(nèi)填充

答案:內(nèi)容區(qū)；邊框；外邊距；內(nèi)填充盒子模型的組成部分有？（）

A:marginB:paddingC:heightD:width

答案:margin；paddingpadding屬性用于設(shè)置盒子的什么？（）

A:外邊框B:內(nèi)邊距C:邊框顏色D:邊界樣式

答案:內(nèi)邊距margin的邊距值可以設(shè)置為負(fù)值，則盒子之間的距離會(huì)越來越近。（）

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

答案:對(duì)float屬性生成的元素會(huì)生成一個(gè)什么類型的框？（）

A:塊級(jí)框B:無框C:表格框D:行內(nèi)框

答案:塊級(jí)框float屬性的部分參數(shù)有哪些？（）

A:NoneB:LeftC:RiverD:Right

答案:None；Left；Right在html5中，以下關(guān)于標(biāo)簽div和span的說法錯(cuò)誤的是（）

A:div標(biāo)簽不能變?yōu)樾袃?nèi)元素B:div標(biāo)簽顯示時(shí)將獨(dú)占一行C:可以設(shè)置span標(biāo)簽的display屬性，將其改為塊狀元素D:span標(biāo)簽不能設(shè)置寬和高，因?yàn)樗切屑?jí)元素

答案:div標(biāo)簽不能變?yōu)樾袃?nèi)元素下列html元素當(dāng)中，都屬于塊級(jí)元素的是（）

A:p，ul，form，div，strongB:div，p，h1，table，spanC:h2，table，ul，a，inputD:h3，ul，form，table，p

答案:h3，ul，form，table，p下列那個(gè)標(biāo)簽是行級(jí)標(biāo)簽（）

A:ulB:divC:brD:h1

答案:br

項(xiàng)目八單元測試

在HTML網(wǎng)頁中，JavaScript代碼可以寫在哪個(gè)位置？（）

A:外部文件B:body部分C:所有選項(xiàng)都正確D:head部分

答案:所有選項(xiàng)都正確JavaScript是一種低級(jí)的解釋型編程語言，是一門基于原型、函數(shù)的先行語言。（）

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

答案:錯(cuò)JavaScript的內(nèi)置函數(shù)分為以下幾類中的哪一類？（）

A:日期函數(shù)B:數(shù)組函數(shù)C:數(shù)學(xué)函數(shù)D:字符串函數(shù)

答案:日期函數(shù)；數(shù)組函數(shù)；數(shù)學(xué)函數(shù)；字符串函數(shù)調(diào)用函數(shù)的語句需要放置在script標(biāo)簽中，主要包括以下哪幾種調(diào)用方式。（）

A:傳值調(diào)用B:地址調(diào)用C:小數(shù)調(diào)用D:傳函數(shù)調(diào)用

答案:傳值調(diào)用；地址調(diào)用；傳函數(shù)調(diào)用如何遍歷對(duì)象的屬性？（）

A:使用while循環(huán)B:使用if語句C:使用switch語句D:使用for...in語句

答案:使用for...in語句Javascript方法是能夠在對(duì)象上執(zhí)行的操作，包含內(nèi)置函數(shù)定義的屬性，用于有效地處理單個(gè)對(duì)象并從中獲取信息。（）

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

答案:對(duì)使用正則表達(dá)式的哪個(gè)方法可以將字符串分割成字符串?dāng)?shù)組？（）

A:test()B:split()C:exec()D:match()

答案:split()元字符主要包括什么字符？（）

A:定位符B:抽象符C:限定符D:轉(zhuǎn)義符

答案:定位符；限定符；轉(zhuǎn)義符在注冊(cè)賬號(hào)表單中，以下哪個(gè)字段是用于再次確認(rèn)密碼？（）

A:accountB:password_confirmC:passwordD:identified_code

答案:password_confirm在HTML中，以下哪個(gè)元素可以是用于輪播圖片的容器？（）

A:divB:liC:aD:ul

答案:div

項(xiàng)目九單元測試

在JavaScript中，onblur事件是指什么時(shí)候觸發(fā)？（）

A:表單提交時(shí)B:鼠標(biāo)或焦點(diǎn)離開元素時(shí)C:輸入框內(nèi)的值發(fā)生改變時(shí)D:頁面載入完成時(shí)

答案:鼠標(biāo)或焦點(diǎn)離開元素時(shí)下列屬于常見的窗口事件的是。（）

A:onkeyup事件B:onkeydown事件C:on