2023年Web前端技術(shù)試題_第1頁(yè)
2023年Web前端技術(shù)試題_第2頁(yè)
2023年Web前端技術(shù)試題_第3頁(yè)
2023年Web前端技術(shù)試題_第4頁(yè)
2023年Web前端技術(shù)試題_第5頁(yè)
已閱讀5頁(yè),還剩10頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

[Web前端技術(shù)教學(xué)]《基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)與制作》試題及答案一、單項(xiàng)選擇:(每題1.5分,共69分)1.html語(yǔ)言中,創(chuàng)建一個(gè)位于文檔內(nèi)部的錨點(diǎn)的語(yǔ)句是:(

)A.<name=“NAME”>

B.<name=“NAME”></name>C.<aname=“NAME”></a>

D.<aname=“#NAME”></a>答案:C2.html中的元素可分為塊級(jí)(block)元素和行內(nèi)(inline)元素,下列哪個(gè)元素是塊級(jí)元素:(

)A.<p>

B.<b>

C.<a>

D.<span>答案:A3.下列哪條html語(yǔ)句的寫法符合XHTML規(guī)范:(

)A.<br>

B.<imgsrc=”photo.jpg”/>C.<IMGsrc=”photo.jpg”></IMG>

D.<imgsrc=photo.jpg></img>答案:B4.在編輯網(wǎng)頁(yè)時(shí),按“Ctrl+Shift+空格鍵”插入的HTML源代碼為:(

)A. 

B. 

C.&sbnp

D.&sbnp;答案:B5.<title></title>標(biāo)記一般包含在_____標(biāo)記中。(

)

A.<head></head>

B.<p></p>

C.<body></body>

D.<table></table>答案:A6.要在新窗口打開(kāi)一個(gè)鏈接指向的網(wǎng)頁(yè)需用到(

)A.href=“_blank”

B.Name=“_blank”C.target=“_blank”

D.href=“#blank”答案:C7.特殊符號(hào)?(版權(quán)符號(hào))相應(yīng)的源代碼是:(

)A.Copy;

B.©;

C.Copyright;

D.©right;答案:B8.在網(wǎng)頁(yè)中經(jīng)常用的圖像格式是:(

)A.gif,jpg和png

B.gif,bmp和png

C.bmp,jpg和png

D.psd,gif和png答案:A9.關(guān)于JavaScript語(yǔ)言,下列說(shuō)法中錯(cuò)誤是:(

)A.JavaScript語(yǔ)言是一種解釋性語(yǔ)言B.JavaScript語(yǔ)言與操作環(huán)境無(wú)關(guān)C.JavaScript語(yǔ)言與客戶端瀏覽器無(wú)關(guān)D.JavaScript是動(dòng)態(tài)的,它可以直接對(duì)用戶輸入做出響應(yīng)答案:C10.如何可以定義列表的項(xiàng)目符號(hào)為實(shí)心矩形?(

)A.list-type:squareB.type:2C.type:squareD.list-style-type:square答案:D11.下列哪種CSS屬性不能讓頁(yè)面在瀏覽器中居中顯示(網(wǎng)頁(yè)中所有可顯示的元素都包含在一個(gè)id為container的div盒子內(nèi))(

)A.#container{margin:0auto;width:780px;}B.#container{position:relative;width:780px;

left:50%;margin-left:-390px;}C.#container{margin:0auto;width:85%;}D.#container{position:relative;width:780px;

right:50%;margin-left:390px;}答案:D12.下列哪條CSS樣式規(guī)則是不對(duì)的的:(

)A.img{float:left;margin:20px;}B.img{float:right;width:120px;height:80px;}C.img{float:right;right:30;}D.img{float:left;margin-bottom:2em;}答案:C13.CSS是運(yùn)用什么XHTML標(biāo)記構(gòu)建網(wǎng)頁(yè)布局?(

)A.<dir>B.<div>C.<dis>D.<dif>答案:B

14.在CSS語(yǔ)言中下列哪一項(xiàng)的合用對(duì)象是"所有對(duì)象"?(

)A.背景附件B.文本排列C.縱向排列D.文本縮進(jìn)答案:A15.下列選項(xiàng)中不屬于CSS

文本屬性的是(

)A.font-sizeB.text-transformC.text-align

D.line-height答案:D16.在CSS

中不屬于添加在當(dāng)前頁(yè)面的形式是(

)A.內(nèi)聯(lián)式樣式表

B.嵌入式樣式表C.層疊式樣式表D.鏈接式樣式表答案:D17.在CSS語(yǔ)言中下列哪一項(xiàng)是"列表樣式圖象"的語(yǔ)法?(

)A.width:<值>B.height:<值>C.white-space:<值>D.list-style-image:<值>答案:D18.下列哪一項(xiàng)是CSS對(duì)的的語(yǔ)法構(gòu)成?(

)A.body:color=blackB.{body;color:black}C.body{color:black;}D.{body:color=black(body}答案:C19.下面哪個(gè)CSS屬性是用來(lái)更改背景顏色的?(

)A.background-color:B.bgcolor:C.color:D.text:答案:A20.如何給所有的<h1>標(biāo)簽添加背景顏色?(

)A..h1{background-color:#FFFFFF}B.h1{background-color:#FFFFFF;}C.h1.all{background-color:#FFFFFF}D.#h1{background-color:#FFFFFF}答案:B21.下列哪個(gè)CSS屬性可以更改樣式表的字體顏色?(

)A.text-color=B.fgcolor:C.text-color:D.color:答案:D22.下列哪個(gè)CSS屬性可以更改字體大???(

)A.text-sizeB.font-sizeC.text-styleD.font-style答案:B23.下列哪段代碼可以定義所有P標(biāo)簽內(nèi)文字加粗?(

)A.<pstyle="text-size:bold">B.<pstyle="font-size:bold">C.p{text-size:bold}D.p{font-weight:bold}答案:D24.如何去掉文本超級(jí)鏈接的下劃線?(

)A.a{text-decoration:nounderline}B.a{underline:none}C.a{decoration:nounderline}D.a{text-decoration:none}答案:D25.如何設(shè)立英文首字母大寫?(

)A.text-transform:uppercaseB.text-transform:capitalizeC.樣式表做不到D.text-decoration:none答案:B

26.下列哪個(gè)CSS屬性可以更改文本字體?(

)A.f:B.font=C.font-family:D.text-decoration:none答案:C27.下列哪個(gè)CSS屬性可以設(shè)立文本加粗?(

)A.font-weight:boldB.style:boldC.font:bD.font=答案:A

28.CSS中,padding:10px20px30px40px代表的填充值順序分別是:A.上、右、下、左B.上、下、左、右C.上、左、下、右D.左、右、上、下答案:A29.下列哪個(gè)屬性可以設(shè)立盒模型的左側(cè)外補(bǔ)???(

)A.margin:B.indent:C.margin-left:D.text-indent:答案:C

30.定義盒模型外補(bǔ)丁的時(shí)候是否可以使用負(fù)值?(

)A.是B.否答案:A31.常見(jiàn)的JavaScript框架有jQuery、Prototype、Moottools、ExtJS和Spry等。目前jQuery最受開(kāi)發(fā)者追捧,Spry框架是DWCS3中新增的功能。A.對(duì)的

B.錯(cuò)誤答案:A32.網(wǎng)頁(yè)的本質(zhì)是(

)文獻(xiàn)。A.圖像B.純文本C.可執(zhí)行文獻(xiàn)D.圖像和文本的壓縮答案:B33.不是動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)的一項(xiàng)是:A.動(dòng)態(tài)網(wǎng)頁(yè)可每次顯示不同的內(nèi)容B.動(dòng)態(tài)網(wǎng)頁(yè)中含動(dòng)畫C.動(dòng)態(tài)網(wǎng)頁(yè)中具有服務(wù)端代碼D.動(dòng)態(tài)網(wǎng)頁(yè)一般需要數(shù)據(jù)庫(kù)支持答案:B34.CSS長(zhǎng)度單位有絕對(duì)單位、相對(duì)單位和比例。下列說(shuō)法對(duì)的的是:A.px指屏幕的像素,它是相對(duì)單位B.pt指屏幕的像素,它是相對(duì)單位C.pt指屏幕的像素,它是絕對(duì)單位,屏幕上尺寸不隨屏幕分辨率的改變而改變D.pt在印刷行業(yè)中常見(jiàn),是相對(duì)單位答案:A35.實(shí)現(xiàn)圖文混排及首字下沉效果最佳的技術(shù)方法是:A.浮動(dòng)B.相對(duì)定位C.絕對(duì)定位D.以上都對(duì)答案:A36.CSS長(zhǎng)度單位有絕對(duì)單位、相對(duì)單位和比例。下列說(shuō)法對(duì)的的是:A.px指屏幕的像素,它是絕對(duì)單位.B.pt指屏幕的像素,它是相對(duì)單位.C.pt指point,它是絕對(duì)單位,打印出的尺寸不隨屏幕分辨率的改變而改變.D.pt在印刷行業(yè)中常見(jiàn),是相對(duì)單位答案:C37.position默認(rèn)值為static。表達(dá):A.表達(dá)不使用定位屬性定位B.表達(dá)以瀏覽器窗口為基準(zhǔn)進(jìn)行絕對(duì)定位答案:A38.關(guān)于CSS,對(duì)的的是:A.邊界margin值可為負(fù),填充padding指不可為負(fù)B.對(duì)行內(nèi)元素設(shè)立width或height值也是起作用的C.使用CSS,只能使用<div></div>進(jìn)行結(jié)構(gòu)設(shè)計(jì)D.margin可以單獨(dú)設(shè)立背景顏色答案:A39.當(dāng)兩個(gè)塊級(jí)元素的盒子上下排列時(shí),它們之間的邊界(margin)將發(fā)生合并,而左右排列時(shí)不會(huì)。A.對(duì)的

B.錯(cuò)誤答案:A40.JavaScript是一種基于對(duì)象的語(yǔ)言,而不是面向?qū)ο蟮恼Z(yǔ)言。A.對(duì)的

B.錯(cuò)誤答案:A41.JavaScript是事件驅(qū)動(dòng)的語(yǔ)言。A.對(duì)的

B.錯(cuò)誤答案:A42.JavaScript變量名不能是關(guān)鍵字或保存字,不區(qū)分大小寫。A.對(duì)的

B.錯(cuò)誤答案:B43.document對(duì)象即屬于BOM,又屬于DOM。A.對(duì)的

B.錯(cuò)誤答案:A44.對(duì)DOM標(biāo)準(zhǔn)支持最佳的瀏覽器是IE。A.對(duì)的

B.錯(cuò)誤答案:B45.常用的HTML事件中,onBlur的描述是:任何元素或窗口失去焦點(diǎn)時(shí)觸發(fā)。A.對(duì)的

B.錯(cuò)誤答案:A46.可以使用DOM動(dòng)態(tài)操作CSS屬性。A.對(duì)的

B.錯(cuò)誤答案:A二、填空:(每空1分,共15分。)1.HTML代碼中常見(jiàn)的單標(biāo)記有(

)和(

)。答案:<br/>

<hr/>

2.(

)標(biāo)記用來(lái)創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表;(

)標(biāo)記用來(lái)創(chuàng)建一個(gè)標(biāo)有黑點(diǎn)的列表,兩種列表可以使用CSS屬性list-style-type進(jìn)行轉(zhuǎn)換,(

)標(biāo)記用來(lái)創(chuàng)建一個(gè)列表項(xiàng)。答案:

<ol>

<ul>

<li>

3.有一a元素結(jié)構(gòu)為<ahref="#"><b>首頁(yè)</b></a>,它的CSS樣式如下,請(qǐng)?jiān)谙聞澗€處填寫代碼注釋:a{

font-size:14px;

text-decoration:none;

/*1:

*/

background-image:url(xxwlzx/yuanjiao2.gif);

height:32px;

padding-left:24px;

display:block;

/*2:

*/

float:left;

/*3:

*/

line-height:32px;

/*4:

*/}b{

background-image:url(xxwlzx/yuanjiao2.gif);

background-position:righttop;

/*5:

*/

display:block;

width:60px;

}答案:

1:清除超鏈接的下劃線2:將a標(biāo)記以塊級(jí)元素顯示3:讓a標(biāo)記左浮動(dòng)

4:將行高和高設(shè)為相同,實(shí)現(xiàn)盒子中的文字垂直居中5:讓背景圖片從右下角開(kāi)始顯示

6.下列各項(xiàng)描述的定位方式是什么?(填寫static、relative、aboslute或fixed中的一項(xiàng)或多項(xiàng))1)元素在標(biāo)準(zhǔn)流中的位置會(huì)被保存。(

)2)可以通過(guò)z-index屬性該表元素的層疊順序。(

)3)元素以它的包含框?yàn)槎ㄎ换鶞?zhǔn)。(

)4)元素相對(duì)于它本來(lái)的位置為定位基準(zhǔn)。(

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論