Web前端開發(fā)-HTML5 + CSS3 +JavaScript知到智慧樹章節(jié)測試課后答案2024年秋濰坊學(xué)院

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

WWW是（）的意思。（）

A:萬維網(wǎng)B:超文本傳輸協(xié)議C:瀏覽器D:網(wǎng)頁

答案:萬維網(wǎng)統(tǒng)一資源定位符是指：（）

A:服務(wù)器地址。B:從一個網(wǎng)頁指向另一個目標(biāo)的連接關(guān)系。C:Web服務(wù)器。D:因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。

答案:因特網(wǎng)上標(biāo)準(zhǔn)的資源的地址。以下屬于瀏覽器的是：（）

A:HbuilderB:GoogleChromeC:MozillaFirefoxD:IE

答案:GoogleChrome；MozillaFirefox；IEWeb前端開發(fā)主要任務(wù)是信息內(nèi)容的呈現(xiàn)和用戶界面設(shè)計。（）

A:錯B:對

答案:對CSS（也稱為層疊樣式表）是用來呈現(xiàn)網(wǎng)頁外觀樣式的一組規(guī)范，它可以定義網(wǎng)頁的樣式表現(xiàn)。（）

A:錯B:對

答案:對JavaScript是一種運行在的服務(wù)器端的腳本語言，使用Javascript可以開發(fā)交互式的Web頁面。（）

A:對B:錯

答案:錯DocumentObjectModel文檔對象模型，DOM與JavaScript結(jié)合起來實現(xiàn)了Web網(wǎng)頁的行為與結(jié)構(gòu)的分離。（）

A:錯B:對

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

A:錯B:對

答案:對AJAX即異步JavaScript和XML，是一種支持異步請求的技術(shù)。（）

A:對B:錯

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

A:錯B:對

答案:錯Web前端開發(fā)常用的技術(shù)有：（）

A:PHPB:CSSC:HTMLD:JavaScript

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

A:錯B:對

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

A:MatlabB:JavaC:HbuilderD:C++

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

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

答案:&Web是一種分布式應(yīng)用結(jié)構(gòu)。（）

A:對B:錯

答案:對

第二章單元測試

下列哪個是用于定義標(biāo)題的標(biāo)簽（）

A:hwB:hrC:h1D:p

答案:h1html中的注釋標(biāo)簽是（）

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

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

A:colspanB:tdspanC:trspanD:rowspan

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

A:titleB:bodyC:headD:html

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

A:錯B:對

答案:對所有的HTML標(biāo)記符都包括開始標(biāo)記符和結(jié)束標(biāo)記符。（）

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:錯B:對

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

A:對B:錯

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

A:對B:錯

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

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

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

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

答案:<INPUT>要定義表單元素中的密碼框，input標(biāo)簽中type屬性應(yīng)設(shè)為password。（）

A:錯B:對

答案:對要實現(xiàn)表單元素中的復(fù)選框，input標(biāo)簽的type屬性應(yīng)設(shè)為（）

A:textB:radioC:checkboxD:select

答案:checkbox定義表單所用的標(biāo)簽是（）

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中，下列幾條關(guān)于樣式表優(yōu)點的說法錯誤的是（）

A:樣式表不可以重用B:樣式表可以改變?yōu)g覽器的默認顯示風(fēng)格C:樣式表可以使頁面內(nèi)容和顯示樣式分離D:一個樣式表對應(yīng)一個html文檔

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

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">下列選項中，用于改變盒子模型內(nèi)填充的是（）

A:marginB:borderC:paddingD:type

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

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

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

A:行內(nèi)式B:外鏈?zhǔn)紺:內(nèi)嵌式D:旁引式

答案:行內(nèi)式；外鏈?zhǔn)?；?nèi)嵌式下列選項中，用于設(shè)置首行文本縮進的屬性是（）

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

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

A:對B:錯

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

A:錯B:對

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

A:錯B:對

答案:對在設(shè)置邊框?qū)挾葧r，必須同時設(shè)置邊框樣式，否則設(shè)置的寬度無效。（）

A:錯B:對

答案:對

第四章單元測試

實現(xiàn)下拉列表框，要用到一下哪幾個標(biāo)簽?（）

A:optionB:inputC:selectD:radio

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

A:錯B:對

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

A:錯B:對

答案:錯HTML5的新增元素中，header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，該元素可以包含所有通常放在頁面頭部的內(nèi)容。（）

A:對B:錯

答案:對HTML5關(guān)于的分組元素有哪些？（）

A:articleB:figureC:figcaptionD:hgroup

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

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

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

A:對B:錯

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

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元素來包含視頻。該標(biāo)記支持三種視頻格式，分別為MP4、WebM、Ogg。（）

A:錯B:對

答案:對

第五章單元測試

border-radius:20px30px;

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

A:對B:錯

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

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實現(xiàn)2D或3D變換。（）

A:錯B:對

答案:對CSS3可以實現(xiàn)的2D轉(zhuǎn)換有：（）

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

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

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

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

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()方法的參數(shù)是一個度數(shù)，當(dāng)參數(shù)大于0時，表示順時針旋轉(zhuǎn)，當(dāng)參數(shù)小于0時，表示逆時針旋轉(zhuǎn)。（）

A:錯B:對

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

A:錯B:對

答案:對在CSS3中，@keyframes規(guī)則用于創(chuàng)建動畫。（）

A:錯B:對

答案:對下面的代碼設(shè)置的效果是：

p{column-count:3;

column-gap:40px;

column-rule:4pxgreen;

}（）

A:列數(shù)為4，列寬度40px，邊框?qū)挾葹?px，邊框顏色為綠色B:列數(shù)為3，列間隙40px，邊框?qū)挾葹?px，邊框顏色為藍色C:列數(shù)為3，列寬度40px，邊框?qū)挾葹?px，邊框顏色為綠色D:列數(shù)為3，列間隙40px，邊框?qū)挾葹?px，邊框顏色為綠色

答案:列數(shù)為3，列間隙40px，邊框?qū)挾葹?px，邊框顏色為綠色要給文本添加陰影，可以使用哪個屬性設(shè)置？（）

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

答案:text-shadowtext-overflow:ellipsis;

表示當(dāng)文本溢出時，顯示省略標(biāo)記"...".（）

A:對B:錯

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

A:column-rule-widthB:column-rule-styleC:column-rule-gapD:column-rule-color

答案:column-rule-style目前所有瀏覽器都完全支持CSS3的特性。（）

A:錯B:對

答案:錯

第六章單元測試

alert方法的作用是（）

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

答案:彈出對話框，該對話框的內(nèi)容是該方法的參數(shù)內(nèi)容。分析以下JavaScript程序

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

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”，依次彈出的對話框?qū)⑤敵?（）

A:fiveB:four,noneC:five,noneD:four,five,none

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

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

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

A:/*注釋內(nèi)容*/B://注釋內(nèi)容C:/*注釋內(nèi)容D:/注釋內(nèi)容

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

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

答案:function；My@variable；4Myvariablehistory對象中能實現(xiàn)網(wǎng)頁后退效果的方法是（）

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中，下列列表框的某一項被選中時將觸發(fā)哪個事件？（）

A:onFocusB:onLoadC:ClickD:onChange

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

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

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

functionfactorial(n){//定義回調(diào)函數(shù)

if(n==1){

return1;//遞歸出口

}

returnn*factorial(n-1);

}（）

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

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

A:行內(nèi)綁定式B:動態(tài)綁定式C:事件監(jiān)聽D:嵌入式

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

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

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

下面那個選項是錯誤的是

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

答案:返回值是一個數(shù)組

第七章單元測試

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

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

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

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

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

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)")下面選項中，能夠?qū)d值為conent的元素添加“標(biāo)題”的是（）

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

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

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

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

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

答案:jQuery跟JavaScript的用法是完全一樣的下列選項中，用來表示通配符選擇器的符號是（）

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

答案:“*”號empty()方法僅能刪除匹配元素的文本內(nèi)容，而元素節(jié)點依然存在。

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

A:對B:錯

答案:對$("button").click(function(){$("div").fadeOut(4000);});表示當(dāng)點擊button按鈕時，將div定義的元素在4000毫秒內(nèi)淡入。（）

A:對B:錯

答案:錯Ajax用于向Web服務(wù)器發(fā)送請求并接收響應(yīng)的方法是open()方法。（）

A:對B:錯

答案:錯

第八章單元測試

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

A:對B:錯

答案:對繪制輪廓文字的方法是（）

A:fillRectB:strokeStyleC:fillTextD:strokeText

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

A:對B:錯

答案:錯HTML