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

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

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

A:對B:錯

答案:對課程主要講述HTML5、CSS樣式、Canvas和JavaScript相關知識。（）

A:錯B:對

答案:對

項目一單元測試

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

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

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

D:一般在制作時，站點一般定義為本地站點

答案:首頁的文件名必須是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標簽，用CSS設置DIV的左邊為紅色實線，下面設置正確的是（）。

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語言中，設置表格單元格的水平對齊的標記是（）。

A:＜tdtext-valign=#＞

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

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

A:tableB:trC:all

D:td

答案:tdfont屬性值的書寫順序為，____，____，____，____，____。

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

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

A:對B:錯

答案:錯XHTML文檔的基本結構由哪幾部分構成？

答案:0寫出ul、ol和dl三種列表的XHTML結構？

答案:0

項目二單元測試

段落標簽<p>的作用是什么？（）

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

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

A:colorB:titleC:bodyD:class

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

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

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

A:width、heightB:colorC:altD:align

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

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

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

A:類選擇器在標簽中使用class屬性進行應用，并不需要在類名前加點號B:類選擇器用于設置個別標簽的樣式，與其他標簽樣式不同C:類選擇器的定義需要在<style>標簽中使用類名和屬性值D:類選擇器只能用于<div>標簽，不能應用于其他標簽

答案:類選擇器在標簽中使用class屬性進行應用，并不需要在類名前加點號；類選擇器用于設置個別標簽的樣式，與其他標簽樣式不同；類選擇器的定義需要在<style>標簽中使用類名和屬性值CSS是層疊樣式表CascadingStyleSheet的縮寫。（）

A:錯B:對

答案:對以下哪個選項描述了CSS中的transition屬性的作用？（）

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

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

A:titleB:middleC:transitionD:hover

答案:transition下面關于transition屬性的說法哪些是正確的？選擇所有正確的選項（）

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

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

項目三單元測試

下列關于<h>標題標簽的描述，哪個是正確的？（）

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

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

A:alignB:transformC:homeD:headline

答案:headline下列關于HTML強調(diào)標簽的描述，哪個是正確的？（）

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

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

A:dB:strongC:aD:b

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

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

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

A:錯B:對

答案:錯下面關于ID選擇器的說法哪個是正確的？（）

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

答案:ID選擇器使用“#”符號來表示ID標識名ID屬性類似于頁面中元素的（）？（）

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

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

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

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

A:trainB:transitionC:tranD:transform

答案:transition；transform

項目四單元測試

下面關于無序列表（ul）的說法那個事正確的？（）

A:無序列表的標簽是<ol>和</ol>B:無序列表的各個列表項之間有順序級別之分C:無序列表中的每個列表項需要使用<ol>和</ol>標簽包圍D:無序列表的標簽是<ul>和</ul>

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

A:錯B:對

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

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

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

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

答案:<dd></dd>下面關于超鏈接標簽<a>的說法哪個是正確的？（）

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

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

A:_blankB:hrefC:_selfD:target

答案:href下面關于CSS中的字體屬性的說法，哪個是正確的？（）

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

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

A:字號大小B:字體是否加粗C:字體類型D:字體顏色

答案:字號大小；字體是否加粗；字體類型以下有關列表的說法中，錯誤的是（）。（）

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

答案:無序列表默認的type屬性值是“circle”。以下有關列表的說法中，錯誤的是（）。（）

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

答案:有序列表默認的type屬性值是“A”。

項目五單元測試

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

A:span標簽只能包含行內(nèi)元素，div標簽可以包含行內(nèi)和塊級元素B:span標簽沒有任何格式化渲染，div標簽可以應用樣式表C:span標簽默認另起一行顯示，div標簽在同一行顯示D:span標簽是塊級元素，div標簽是行內(nèi)元素

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

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

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

A:cellpaddingB:cellspacingC:bgcolorD:align

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

A:bgcolorB:borderC:alignD:pixels

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

A:marginB:spacingC:borderD:padding

答案:marginmargin當只指定一個值時,該值會統(tǒng)一應用到全部四個邊的外邊距上。（）

A:錯B:對

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

A:marginB:paddingC:borderD:spacing

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

A:lengthB:%C:autoD:&

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

A:錯B:對

答案:對下列（）標簽不是創(chuàng)建標準表格所必須的標簽。（）

A:thB:trC:tableD:td

答案:th

項目六單元測試

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

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

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

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

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

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

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

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

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

A:錯B:對

答案:錯在HBuilder的項目中新建CSS文件時，如何操作？（）

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

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

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

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

A:錯B:對

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

A:錯B:對

答案:對在HTML5中，設置input元素的readonly是只讀屬性。（）

A:對B:錯

答案:對

項目七單元測試

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

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

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

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

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

A:marginB:paddingC:heightD:width

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

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

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

A:錯B:對

答案:對float屬性生成的元素會生成一個什么類型的框？（）

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

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

A:NoneB:LeftC:RiverD:Right

答案:None；Left；Right在html5中，以下關于標簽div和span的說法錯誤的是（）

A:div標簽不能變?yōu)樾袃?nèi)元素B:div標簽顯示時將獨占一行C:可以設置span標簽的display屬性，將其改為塊狀元素D:span標簽不能設置寬和高，因為它是行級元素

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

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下列那個標簽是行級標簽（）

A:ulB:divC:brD:h1

答案:br

項目八單元測試

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

A:外部文件B:body部分C:所有選項都正確D:head部分

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

A:對B:錯

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

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

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

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

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

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

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

A:對B:錯

答案:對使用正則表達式的哪個方法可以將字符串分割成字符串數(shù)組？（）

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

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

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

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

A:accountB:password_confirmC:passwordD:identified_code

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

A:divB:liC:aD:ul

答案:div

項目九單元測試

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

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

答案:鼠標或焦點離開元素時下列屬于常見的窗口事件的是。（）

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