Web前端開發——HTML5+CSS3+JavaScript智慧樹知到課后章節答案2023年下濰坊學院濰坊學院

第一章測試

WWW是（）的意思。（）

A:瀏覽器B:超文本傳輸協議C:萬維網D:網頁

答案:萬維網

統一資源定位符是指：（）

A:服務器地址。B:Web服務器。C:因特網上標準的資源的地址。D:從一個網頁指向另一個目標的連接關系。

答案:因特網上標準的資源的地址。

以下屬于瀏覽器的是：（）

A:GoogleChromeB:HbuilderC:IED:MozillaFirefox

答案:GoogleChrome;IE;MozillaFirefox

Web前端開發主要任務是信息內容的呈現和用戶界面設計。（）

A:對B:錯

答案:對

CSS（也稱為層疊樣式表）是用來呈現網頁外觀樣式的一組規范，它可以定義網頁的樣式表現。（）

A:對B:錯

答案:對

JavaScript是一種運行在的服務器端的腳本語言，使用Javascript可以開發交互式的Web頁面。（）

A:錯B:對

答案:錯

DocumentObjectModel文檔對象模型，DOM與JavaScript結合起來實現了Web網頁的行為與結構的分離。（）

A:對B:錯

答案:對

BOM主要處理瀏覽器窗口和框架，常見的BOM窗口有Window對象、Navigator對象、Screen對象、History對象和Location對象。（）

A:對B:錯

答案:對

AJAX即異步JavaScript和XML，是一種支持異步請求的技術。（）

A:對B:錯

答案:對

同一個HTML頁面，在不同瀏覽器上的顯示效果是一樣的。（）

A:錯B:對

答案:錯

Web前端開發常用的技術有：（）

A:PHPB:HTMLC:JavaScriptD:CSS

答案:HTML;JavaScript;CSS

瀏覽器對HTML文檔解析顯示的結果就是我們平時看到的網頁。（）

A:錯B:對

答案:對

下面哪一個工具用于Web前端開發？（）

A:JavaB:MatlabC:C++D:Hbuilder

答案:Hbuilder

在URL地址中多個參數之間使用（）進行分割。（）

A:+B:&C:-D:|

答案:&

Web是一種分布式應用結構。（）

A:對B:錯

答案:對

第二章測試

下列哪個是用于定義標題的標簽（）

A:h1B:hwC:hrD:p

答案:h1

html中的注釋標簽是（）

A:<----!>B:<---->C:<!---->D:<--!-->

答案:<!---->

哪兩個屬性可用于表格的合并單元格（）

A:colspanB:trspanC:rowspanD:tdspan

答案:colspan;rowspan

下面的哪個標簽定義了瀏覽器工具欄的標題（）

A:bodyB:titleC:headD:html

答案:title

HTML元素可以設置屬性，屬性總是以名稱/值對的形式出現。（）

A:對B:錯

答案:對

所有的HTML標記符都包括開始標記符和結束標記符。（）

A:錯B:對

答案:錯

B標記符表示用粗體顯示所包括的文字。（）

A:對B:錯

答案:對

HTML表格在默認情況下有邊框。（）

A:錯B:對

答案:錯

創建圖象映射時，理論上可以指定任何形狀作為熱點。（）

A:對B:錯

答案:對

指定滾動字幕時，不允許其中嵌入圖象。（）

A:錯B:對

答案:錯

使用FONT標記符的size屬性可以指定字體的大小。（）

A:對B:錯

答案:對

以下有關表單的說明中，錯誤的是（）

A:表單通常用于搜集用戶信息B:在FORM標記符中使用method屬性指定提交表單數據的方法。C:表單中只能包含表單控件，而不能包含其他諸如圖片之類的內容。D:在FORM標記符中使用action屬性指定表單處理程序的位置。

答案:表單中只能包含表單控件，而不能包含其他諸如圖片之類的內容。

如果要在表單里創建一個普通文本框，以下寫法中正確的是（）

A:<INPUTtype="password">B:<INPUT>C:<INPUTtype="radio">D:<INPUTtype="checkbox">

答案:<INPUT>

要定義表單元素中的密碼框，input標簽中type屬性應設為password。（）

A:對B:錯

答案:對

要實現表單元素中的復選框，input標簽的type屬性應設為（）

A:radioB:checkboxC:textD:select

答案:checkbox

定義表單所用的標簽是（）

A:tableB:formC:inputD:select

答案:form

第三章測試

下列哪種方式是用類選擇器定義樣式的（）

A:#two{color:inherit;}B:p{color:inherit;}C:.one{color:inherit;}D:p,h1{color:inherit;}

答案:.one{color:inherit;}

下列樣式定義字體為宋體、字體顏色為紅色、斜體、大小20px、粗細800號，正確的定義是：（）

A:p{font-family：20px；font-size：宋體；font-weight：800；color:inherit;font-style：italic；}B:p{font-family：宋體；font-size：20px；font-weight：800；color:inherit;font-style：italic；}C:p{font-family：20px；font-size：800；font-weight：宋體；color:inherit;font-style：italic；}D:p{font-family：800；font-size：20px；font-weight：red；color:inherit;font-style：宋體；}

答案:p{font-family：宋體；font-size：20px；font-weight：800；color:inherit;font-style：italic；}

下列樣式定義字體間距為0.5倍間距、水平左對齊、垂直頂端對齊、有下劃線，正確的定義是：（）

A:p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left；}B:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}C:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：top；}D:p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline；}

答案:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}

在html中，下列幾條關于樣式表優點的說法錯誤的是（）

A:一個樣式表對應一個html文檔B:樣式表不可以重用C:樣式表可以改變瀏覽器的默認顯示風格D:樣式表可以使頁面內容和顯示樣式分離

答案:一個樣式表對應一個html文檔;樣式表不可以重用

要在html標簽中應用css類選擇器所定義的樣式，要設置標簽的（）屬性。（）

A:srcB:idC:nameD:class

答案:class

在html文件中引用abc.css文件中的樣式，方法是（）

A:<linksrc="abc.css"type="text/css"rel="stylesheet">B:<linkurl="abc.css"type="text/css"rel="stylesheet">C:<linkhref="abc.css"type="text/css"rel="stylesheet">D:<linkimport="abc.css"type="text/css"rel="stylesheet">

答案:<linkhref="abc.css"type="text/css"rel="stylesheet">

下列選項中，用于改變盒子模型內填充的是（）

A:typeB:marginC:borderD:padding

答案:padding

下列選項中，可清除元素默認外邊距的是（）

A:line-height:0;B:margin:0;C:font-size:0;D:padding:0;

答案:margin:0;

下列選項中，屬于引入CSS樣式表的方式是（）

A:旁引式B:行內式C:內嵌式D:外鏈式

答案:行內式;內嵌式;外鏈式

下列選項中，用于設置首行文本縮進的屬性是（）

A:text-overflowB:text-indentC:white-spaceD:text-shadow

答案:text-indent

使用position：relative；可以將元素的定位模式設定為絕對定位。（）

A:對B:錯

答案:錯

CSS選擇器中的屬性選擇器，可以根據元素的屬性和屬性值來選擇元素。（）

A:錯B:對

答案:對

使用CSS設置背景圖像的的方法是：background-image:url(圖像文件地址)；（）

A:錯B:對

答案:對

在設置邊框寬度時，必須同時設置邊框樣式，否則設置的寬度無效。（）

A:對B:錯

答案:對

第四章測試

實現下拉列表框，要用到一下哪幾個標簽?（）

A:inputB:selectC:optionD:radio

答案:select;option

要把多個單選框設為一組，即一組之中只有一個可被選定，應把每個單選框的value屬性的值設為相同。（）

A:錯B:對

答案:錯

用戶可以在表單中通過text元素創建一個多行文本框，用來輸入較長的文本數據。（）

A:對B:錯

答案:錯

HTML5的新增元素中，header元素是一種具有引導和導航作用的結構元素，該元素可以包含所有通常放在頁面頭部的內容。（）

A:對B:錯

答案:對

HTML5關于的分組元素有哪些？（）

A:articleB:hgroupC:figcaptionD:figure

答案:hgroup;figcaption;figure

以下有關按鈕的說法中，錯誤的是（）

A:可以用圖像作為提交按鈕。B:可以控制提交按鈕上的顯示文字。C:可以控制重置按鈕上的顯示文字。D:可以用圖像作為重置按鈕。

答案:可以用圖像作為重置按鈕。

為了解決各瀏覽器對不同視頻和音頻格式不完全支持的問題。在HTML5中，運用source元素可以為video元素或audio元素提供多個備用文件。瀏覽器將使用第一個支持的音頻文件。（）

A:錯B:對

答案:對

要創建一個電子郵件地址文本框，可以是使用如下語句：（）

A:請輸入您的郵箱：<inputtype="button"name="formmail"/>B:請輸入您的郵箱：<inputtype="email"name="formmail"/>C:請輸入您的郵箱：<inputtype="text"name="formmail"/>D:請輸入您的郵箱：<inputtype="password"name="formmail"/>

答案:請輸入您的郵箱：<inputtype="email"name="formmail"/>

HTML5中通過video元素來包含視頻。該標記支持三種視頻格式，分別為MP4、WebM、Ogg。（）

A:對B:錯

答案:對

第五章測試

border-radius:20px30px;

表示設置左上角與右下角的的圓角半徑為20px，右上角與左下角的圓角半徑為30px。（）

A:錯B:對

答案:對

下面與邊框圖片有關的屬性是：（）

A:border-image-repeatB:border-image-sourceC:border-image-widthD:border-image-slice

答案:border-image-repeat;border-image-source;border-image-width;border-image-slice

CSS3可以通過屬性transform實現2D或3D變換。（）

A:對B:錯

答案:對

CSS3可以實現的2D轉換有：（）

A:旋轉B:縮放C:傾斜D:平移

答案:旋轉;縮放;傾斜;平移

要將元素向右平移50px，向下平移30px，可以通過下面哪個實現？（）

A:skew(50px,30px);B:translate(50px,30px);C:translate(30px,50px);D:skew(30px,50px);

答案:translate(50px,30px);

下面能實現放大功能的是：（）

A:scale(-1,-2);B:scale(0.5,0.5);C:scale(2,3);D:scale(1,1);

答案:scale(2,3);

skew(20deg,50deg)表示元素順時針傾斜20度，逆時針傾斜50度。（）

A:對B:錯

答案:錯

rotate()方法的參數是一個度數，當參數大于0時，表示順時針旋轉，當參數小于0時，表示逆時針旋轉。（）

A:錯B:對

答案:對

使用transition屬性設置多個過渡效果時，它的各個參數必須按照順序進行定義，不能顛倒。（）

A:錯B:對

答案:對

在CSS3中，@keyframes規則用于創建動畫。（）

A:對B:錯

答案:對

下面的代碼設置的效果是：

p{column-count:3;

column-gap:40px;

column-rule:4pxgreen;

}（）

A:列數為3，列間隙40px，邊框寬度為4px，邊框顏色為綠色B:列數為3，列寬度40px，邊框寬度為3px，邊框顏色為綠色C:列數為4，列寬度40px，邊框寬度為3px，邊框顏色為綠色D:列數為3，列間隙40px，邊框寬度為3px，邊框顏色為藍色

答案:列數為3，列間隙40px，邊框寬度為4px，邊框顏色為綠色

要給文本添加陰影，可以使用哪個屬性設置？（）

A:text-shadowB:box-shadowC:text-overflowD:word-wrap

答案:text-shadow

text-overflow:ellipsis;

表示當文本溢出時，顯示省略標記"...".（）

A:對B:錯

答案:對

下面哪個屬性用于指定列之間邊框的樣式？（）

A:column-rule-styleB:column-rule-gapC:column-rule-widthD:column-rule-color

答案:column-rule-style

目前所有瀏覽器都完全支持CSS3的特性。（）

A:錯B:對

答案:錯

第六章測試

alert方法的作用是（）

A:彈出對話框，該對話框的內容是該方法的參數內容。B:彈出新窗口。C:彈出確認對話框，該對話框的要用戶選擇“確認”或“取消”。D:彈出輸入對話框，該對話框的可讓用戶輸入內容。

答案:彈出對話框，該對話框的內容是該方法的參數內容。

分析以下JavaScript程序

varx=prompt(“請輸入1-5的數字！”,“”);

switch(x)

case“1”:alert(“one”);

case“2”:alert(“two”);

case“3”:alert(“three”);

case“4”:alert(“four”);

case“5”:alert(“five”);

default:alert(“none”);

運行以上程序，在提示對話框中輸入“4”，依次彈出的對話框將輸出:（）

A:four,noneB:fiveC:five,noneD:four,five,none

答案:four,five,none

鼠標移入事件和鼠標移出事件分別是（）

A:onmousedown，onmouseupB:onmouseup,onmousedownC:onmouseover，onmouseoutD:onmouseout，onmouseover

答案:onmouseover，onmouseout

在JavaScript程序中加入注釋，方法有（）

A://注釋內容B:/注釋內容C:/*注釋內容D:/*注釋內容*/

答案://注釋內容;/*注釋內容*/

以下JavaScript變量名不合法的有（）

A:functionB:Myvariable4C:My@variableD:4Myvariable

答案:function;My@variable;4Myvariable

history對象中能實現網頁后退效果的方法是（）

A:back()B:go(-1)C:forward()D:go(1)

答案:back();go(-1)

看以下JavaScript程序

vara,b,c;

a=“2”；

b=2；

c=a+b;

運行以上程序后，變量c的值為"22"。（）

A:錯B:對

答案:對

分析以下JavaScript程序*

vari;

i=8；

do{

i++;

}while(i>100);

運行以上程序后，變量i的值為8。（）

A:對B:錯

答案:錯

在html中，使用外部JS文件的語句為（）

A:<scriptlanguage="JavaScript"src="文件名.js"></script>B:<scriptlanguage="JavaScript"file="文件名.js"></script>C:<scriptimport="文件名.js"></script>D:<scriptfile="文件名.js"></script>

答案:<scriptlanguage="JavaScript"src="文件名.js"></script>

在html中，下列列表框的某一項被選中時將觸發哪個事件？（）

A:onLoadB:ClickC:onChangeD:onFocus

答案:onChange

在Math對象中，獲取絕對值的方法為（）

A:pow（）B:random（）C:abs（）D:floor（）

答案:abs（）

分析以下代碼，調用函數factorial(4)的結果是什么？

functionfactorial(n){//定義回調函數

if(n==1){

return1;//遞歸出口

}

returnn*factorial(n-1);

}（）

A:24B:2C:4D:1

答案:24

下列哪個不屬于JS事件綁定方式（）

A:事件監聽B:動態綁定式C:嵌入式D:行內綁定式

答案:嵌入式

關于代碼document.getElementsByTagName('li');（）

下面那個選項是錯誤的是

A:可以通過索引來獲取指定li元素B:返回值是一個類似于數組的集合C:獲取了文檔中所有的li元素D:返回值是一個數組

答案:返回值是一個數組

第七章測試

根據指定的類名可匹配所有元素的是（）

A:$(".title")B:$("#title")C:$("div")D:$("li,p,div")

答案:$(".title")

jQuery對象聲明，是通過（）符號來實現的。（）

A:￥B:&C:$D:@

答案:$

以下可以獲取表單中所有被選中的復選框的是（）

A::checkedB::checkboxC:其余答案都不正確D::selected

答案::checkbox

jQuery選擇器中，通過符號（）可獲取父元素下的所有子元素。（）

A:~B:>C:空格D:+

答案:>

以下選項中可以獲取前三項<li>元素的是（）

A:$("li:eq(3)")B:$("li:not(li:eq(3))")C:$("li:gt(3)")D:$("li:lt(3)")

答案:$("li:lt(3)")

下面選項中，能夠將id值為conent的元素添加“標題”的是（）

A:$("#content").html("<h1>標題</h1>")B:$("#content").text()C:$("#content").text(<h1>標題</h1>)D:$("#content").text("<h1>標題</h1>")

答案:$("#content").html("<h1>標題</h1>")

jQuery中指定請求獲取JSON數據的方法是（）

A:$.getJSON()B:$.ajax()C:$.load()D:$.getScript()

答案:$.getJSON()

下面對于jQuery的描述中，錯誤的是（）

A:jQuery跟JavaScript的用法是完全一樣的B:它的核心理念就是寫的更少，做的更多C:有效的提高開發效率D:實現的代碼更加簡潔

答案:jQuery跟JavaScript的用法是完全一樣的

下列選項中，用來表示通配符選擇器的符號是（）

A:“*”號B:“#”號C:“.”號D:“:”號

答案:“*”號

empty()方法僅能刪除匹配元素的文本內容，而元素節點依然存在。

remove()方法則可以同時刪除匹配元素本身和文本內容。（）

A:對B:錯

答案:對

$("button").click(function(){$("div").fadeOut(4000);});表示當點擊button按鈕時，將div定義的元素在4000毫秒內淡入。（）

A:錯B:對

答案:錯

Ajax用于向Web服務器發送請求并接收響應的方法是open()方法。（）

A:對B:錯

答案:錯

第八章測試

HTML5的canvas標簽用于圖形的繪制，并通過JavaScript腳本來完成繪圖。（）

A:對B:錯

答案:對

繪制輪廓文字的方法是（）

A:fillRectB:fillTextC:strokeTextD:strokeStyle

答案:strokeText

SessionStorage方法用于在客戶端永久存儲數據，該方法存儲的數據沒有過期時間，即使關閉了瀏覽器重新打開，數據也仍然保存在設備中可繼續使用。（）

A:錯B:對

答案:錯

HTML5新增Web存儲API可以用于在服務端保存數據。（）

A:錯