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

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

WWW是（）的意思。（）

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

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

A:服務(wù)器地址。B:從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目標(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è)計(jì)。（）

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

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

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

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

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

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

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

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

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

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

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

答案:對(duì)同一個(gè)HTML頁(yè)面，在不同瀏覽器上的顯示效果是一樣的。（）

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

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

A:PHPB:CSSC:HTMLD:JavaScript

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

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

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

A:MatlabB:JavaC:HbuilderD:C++

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

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

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

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

答案:對(duì)

第二章單元測(cè)試

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

A:hwB:hrC:h1D:p

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

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

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

A:colspanB:tdspanC:trspanD:rowspan

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

A:titleB:bodyC:headD:html

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

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

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

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

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

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

答案:對(duì)HTML表格在默認(rèn)情況下有邊框。（）

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

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

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

答案:對(duì)指定滾動(dòng)字幕時(shí)，不允許其中嵌入圖象。（）

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

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

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

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

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

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

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

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

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

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

A:textB:radioC:checkboxD:select

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

A:inputB:formC:tableD:select

答案:form

第三章單元測(cè)試

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

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

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

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倍間距、水平左對(duì)齊、垂直頂端對(duì)齊、有下劃線，正確的定義是：（）

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)點(diǎn)的說(shuō)法錯(cuò)誤的是（）

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

答案:樣式表不可以重用；一個(gè)樣式表對(duì)應(yīng)一個(gè)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">下列選項(xiàng)中，用于改變盒子模型內(nèi)填充的是（）

A:marginB:borderC:paddingD:type

答案:padding下列選項(xiàng)中，可清除元素默認(rèn)外邊距的是（）

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

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

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

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

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

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

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

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

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

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

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

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

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

答案:對(duì)

第四章單元測(cè)試

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

A:optionB:inputC:selectD:radio

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

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

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

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

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

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

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

A:articleB:figureC:figcaptionD:hgroup

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

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

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

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

答案:對(duì)要?jiǎng)?chuàng)建一個(gè)電子郵件地址文本框，可以是使用如下語(yǔ)句：（）

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

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

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

答案:對(duì)

第五章單元測(cè)試

border-radius:20px30px;

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

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

答案:對(duì)下面與邊框圖片有關(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可以通過(guò)屬性transform實(shí)現(xiàn)2D或3D變換。（）

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

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

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

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

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

答案:translate(50px,30px);下面能實(shí)現(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)表示元素順時(shí)針傾斜20度，逆時(shí)針傾斜50度。（）

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

答案:錯(cuò)rotate()方法的參數(shù)是一個(gè)度數(shù)，當(dāng)參數(shù)大于0時(shí)，表示順時(shí)針旋轉(zhuǎn)，當(dāng)參數(shù)小于0時(shí)，表示逆時(shí)針旋轉(zhuǎn)。（）

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

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

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

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

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

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

p{column-count:3;

column-gap:40px;

column-rule:4pxgreen;

}（）

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

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

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

答案:text-shadowtext-overflow:ellipsis;

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

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

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

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

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

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

答案:錯(cuò)

第六章單元測(cè)試

alert方法的作用是（）

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

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

varx=prompt(“請(qǐng)輸入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”);

運(yùn)行以上程序，在提示對(duì)話框中輸入“4”，依次彈出的對(duì)話框?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對(duì)象中能實(shí)現(xiàn)網(wǎng)頁(yè)后退效果的方法是（）

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

答案:go(-1)；back()看以下JavaScript程序

vara,b,c;

a=“2”；

b=2；

c=a+b;

運(yùn)行以上程序后，變量c的值為"22"。（）

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

答案:對(duì)分析以下JavaScript程序*

vari;

i=8；

do{

i++;

}while(i>100);

運(yùn)行以上程序后，變量i的值為8。（）

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

答案:錯(cuò)在html中，使用外部JS文件的語(yǔ)句為（）

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

A:onFocusB:onLoadC:ClickD:onChange

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

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下列哪個(gè)不屬于JS事件綁定方式（）

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

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

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');（）

下面那個(gè)選項(xiàng)是錯(cuò)誤的是

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

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

第七章單元測(cè)試

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

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

答案:$(".title")jQuery對(duì)象聲明，是通過(guò)（）符號(hào)來(lái)實(shí)現(xiàn)的。（）

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

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

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

答案::checkboxjQuery選擇器中，通過(guò)符號(hào)（）可獲取父元素下的所有子元素。（）

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

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

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

答案:$("li:lt(3)")下面選項(xiàng)中，能夠?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中指定請(qǐng)求獲取JSON數(shù)據(jù)的方法是（）

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

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

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

答案:jQuery跟JavaScript的用法是完全一樣的下列選項(xiàng)中，用來(lái)表示通配符選擇器的符號(hào)是（）

A:“*”號(hào)B:“#”號(hào)C:“.”號(hào)D:“:”號(hào)

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

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

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

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

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

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

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

答案:錯(cuò)

第八章單元測(cè)試

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

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

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

A:fillRectB:strokeStyleC:fillTextD:strokeText

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

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

答案:錯(cuò)HTML