Web前端開發——HTML5+CSS3+JavaScript知到智慧樹章節測試課后答案2024年秋濰坊學院第一章單元測試

WWW是（）的意思。（）

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

答案:萬維網統一資源定位符是指：（）

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

答案:因特網上標準的資源的地址。以下屬于瀏覽器的是：（）

A:HbuilderB:GoogleChromeC:MozillaFirefoxD:IE

答案:GoogleChrome；MozillaFirefox；IEWeb前端開發主要任務是信息內容的呈現和用戶界面設計。（）

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:CSSC:HTMLD:JavaScript

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

A:錯B:對

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

A:MatlabB:JavaC:HbuilderD:C++

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

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

答案:&Web是一種分布式應用結構。（）

A:對B:錯

答案:對

第二章單元測試

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

A:hwB:hrC:h1D:p

答案:h1html中的注釋標簽是（）

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

答案:<!---->哪兩個屬性可用于表格的合并單元格（）

A:colspanB:tdspanC:trspanD:rowspan

答案:colspan；rowspan下面的哪個標簽定義了瀏覽器工具欄的標題（）

A:titleB:bodyC:headD:html

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

答案:對HTML表格在默認情況下有邊框。（）

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:對B:錯

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

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

答案:表單中只能包含表單控件，而不能包含其他諸如圖片之類的內容。如果要在表單里創建一個普通文本框，以下寫法中正確的是（）

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

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

A:錯B:對

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

A:textB:radioC:checkboxD:select

答案:checkbox定義表單所用的標簽是（）

A:inputB:formC:tableD:select

答案:form

第三章單元測試

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

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

答案:.one{color:inherit;}下列樣式定義字體為宋體、字體顏色為紅色、斜體、大小20px、粗細800號，正確的定義是：（）

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

答案:p{font-family：宋體；font-size：20px；font-weight：800；color:inherit;font-style：italic；}下列樣式定義字體間距為0.5倍間距、水平左對齊、垂直頂端對齊、有下劃線，正確的定義是：（）

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

答案:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left；}在html中，下列幾條關于樣式表優點的說法錯誤的是（）

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

答案:樣式表不可以重用；一個樣式表對應一個html文檔要在html標簽中應用css類選擇器所定義的樣式，要設置標簽的（）屬性。（）

A:classB:idC:nameD:src

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

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

答案:<linkhref="abc.css"type="text/css"rel="stylesheet">下列選項中，用于改變盒子模型內填充的是（）

A:marginB:borderC:paddingD:type

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

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

答案:margin:0;下列選項中，屬于引入CSS樣式表的方式是（）

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

答案:行內式；外鏈式；內嵌式下列選項中，用于設置首行文本縮進的屬性是（）

A:text-shadowB:text-indentC:white-spaceD:text-overflow

答案:text-indent使用position：relative；可以將元素的定位模式設定為絕對定位。（）

A:對B:錯

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

A:錯B:對

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

A:錯B:對

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

A:錯B:對

答案:對

第四章單元測試

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

A:optionB:inputC:selectD:radio

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

A:錯B:對

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

A:錯B:對

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

A:對B:錯

答案:對HTML5關于的分組元素有哪些？（）

A:articleB:figureC:figcaptionD:hgroup

答案:figure；figcaption；hgroup以下有關按鈕的說法中，錯誤的是（）

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

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

A:對B:錯

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

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

答案:請輸入您的郵箱：<inputtype="email"name="formmail"/>HTML5中通過video元素來包含視頻。該標記支持三種視頻格式，分別為MP4、WebM、Ogg。（）

A:錯B:對

答案:對

第五章單元測試

border-radius:20px30px;

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

A:對B:錯

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

A:border-image-sourceB:border-image-repeatC:border-image-widthD:border-image-slice

答案:border-image-source；border-image-repeat；border-image-width；border-image-sliceCSS3可以通過屬性transform實現2D或3D變換。（）

A:錯B:對

答案:對CSS3可以實現的2D轉換有：（）

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

答案:縮放；旋轉；傾斜；平移要將元素向右平移50px，向下平移30px，可以通過下面哪個實現？（）

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

答案:translate(50px,30px);下面能實現放大功能的是：（）

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

答案: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:列數為4，列寬度40px，邊框寬度為3px，邊框顏色為綠色B:列數為3，列間隙40px，邊框寬度為3px，邊框顏色為藍色C:列數為3，列寬度40px，邊框寬度為3px，邊框顏色為綠色D:列數為3，列間隙40px，邊框寬度為4px，邊框顏色為綠色

答案:列數為3，列間隙40px，邊框寬度為4px，邊框顏色為綠色要給文本添加陰影，可以使用哪個屬性設置？（）

A:box-shadowB:word-wrapC:text-shadowD:text-overflow

答案:text-shadowtext-overflow:ellipsis;

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

A:對B:錯

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

A:column-rule-widthB:column-rule-styleC:column-rule-gapD: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:fiveB:four,noneC:five,noneD:four,five,none

答案:four,five,none鼠標移入事件和鼠標移出事件分別是（）

A:onmouseup,onmousedownB:onmouseout，onmouseoverC:onmouseover，onmouseoutD:onmousedown，onmouseup

答案:onmouseover，onmouseout在JavaScript程序中加入注釋，方法有（）

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

答案:/*注釋內容*/；//注釋內容以下JavaScript變量名不合法的有（）

A:Myvariable4B:functionC:My@variableD:4Myvariable

答案:function；My@variable；4Myvariablehistory對象中能實現網頁后退效果的方法是（）

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

答案:go(-1)；back()看以下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:<scriptimport="文件名.js"></script>C:<scriptfile="文件名.js"></script>D:<scriptlanguage="JavaScript"file="文件名.js"></script>

答案:<scriptlanguage="JavaScript"src="文件名.js"></script>在html中，下列列表框的某一項被選中時將觸發哪個事件？（）

A:onFocusB:onLoadC:ClickD:onChange

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

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

答案:abs（）分析以下代碼，調用函數factorial(4)的結果是什么？

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

if(n==1){

return1;//遞歸出口

}

returnn*factorial(n-1);

}（）

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

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

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

答案:嵌入式要將頁面內id屬性為title的h1標題設置其顯示的內容為“今日新聞”，可以使用下面那個語句？（）

A:document.getElementById('title').innerHTML="今日新聞";B:document.getElementsByName('title').innerHTML="今日新聞";C:document.getElementById('h1').innerHTML="今日新聞";D:document.getElementsByTag('h1').innerHTML="今日新聞";

答案:document.getElementById('title').innerHTML="今日新聞";關于代碼document.getElementsByTagName('li');（）

下面那個選項是錯誤的是

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

答案:返回值是一個數組

第七章單元測試

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

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

答案:$(".title")jQuery對象聲明，是通過（）符號來實現的。（）

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

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

A::checkboxB::checkedC:其余答案都不正確D::selected

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

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

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

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

答案:$("li:lt(3)")下面選項中，能夠將id值為conent的元素添加“標題”的是（）

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

答案:$("#content").html("<h1>標題</h1>")jQuery中指定請求獲取JSON數據的方法是（）

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

答案:$.getJSON()下面對于jQuery的描述中，錯誤的是（）

A:有效的提高開發效率B:jQuery跟JavaScript的用法是完全一樣的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:strokeStyleC:fillTextD:strokeText

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

A:對B:錯

答案:錯HTML