Web前端技術(shù)試題_第1頁(yè)
Web前端技術(shù)試題_第2頁(yè)
Web前端技術(shù)試題_第3頁(yè)
Web前端技術(shù)試題_第4頁(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)介

1、實(shí)用標(biāo)準(zhǔ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. <a name=“ NAME ” ></a>D.<a name=“#NAME ”></a>答案 :C2.html中的元素可分為塊級(jí) (block) 元素和行內(nèi) (inline) 元素 ,下列哪個(gè)元素是塊級(jí)元素 :()A. <p>B.

2、 <b>C. <a>D. <span>答案 :A3.下列哪條 html語(yǔ)句的寫法符合XHTML 規(guī)范 :（）A. <br>B. <img src= ”photo.jpg ” />C. <IMG src=” photo.jpg” ></IMG>D. <img src= photo.jpg ></img>答案 :B4.在編輯網(wǎng)頁(yè)時(shí) ,按“ Ctrl+Shift+空格鍵”插入的HTML 源代碼為 :()精彩文檔實(shí)用標(biāo)準(zhǔn)文案A. &nbspB. &nbsp;C. &sbn

3、pD. &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)）對(duì)應(yīng)的源代碼是 :(

4、)A. Copy ；B. &copy；C. Copyright；D. &copyright；答案 :B8.在網(wǎng)頁(yè)中經(jīng)常用的圖像格式是:()A. gif, jpg和 pngB. gif, bmp和 pngC. bmp, jpg和 pngD. psd, gif和 png答案 :A9.關(guān)于 JavaScript語(yǔ)言 ,下列說(shuō)法中錯(cuò)誤是 :()精彩文檔實(shí)用標(biāo)準(zhǔn)文案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. 如何

5、能夠定義列表的項(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: 0 auto ; width:780px;B. #container position: relative; width:780px;left:50%; margin-left: -390px; C. #co

6、ntainer margin: 0 auto ; width:85%; D. #container position: relative; width:780px;right:50%; margin-left: 390px; 答案 :D12. 下列哪條 CSS 樣式規(guī)則是不正確的 :( ) A. img float: left; margin: 20px; 精彩文檔實(shí)用標(biāo)準(zhǔn)文案B. img float: right; width: 120px;height: 80px; C. img float: right; right: 30; D. img float: left; margin-bot

7、tom: 2em; 答案 :C13.CSS 是利用什么 XHTML 標(biāo)記構(gòu)建網(wǎng)頁(yè)布局？ ()A. <dir>B. <div>C. <dis>D. <dif>答案 :B14. 在 CSS 語(yǔ)言中下列哪一項(xiàng)的適用對(duì)象是 " 所有對(duì)象 " ？( ) A. 背景附件B. 文本排列C. 縱向排列D. 文本縮進(jìn)答案 :A15. 下列選項(xiàng)中不屬于 CSS 文本屬性的是 ( ) A. font-sizeB. text-transformC. text-alignD. line-height答案 :D精彩文檔實(shí)用標(biāo)準(zhǔn)文案16. 在 CSS 中不

8、屬于添加在當(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 正確的語(yǔ)法構(gòu)成？ ( ) A. body:color=blackB. body;color:blackC. body color: black;D. bod

9、y:color=black(body答案 :C19. 下面哪個(gè) CSS 屬性是用來(lái)更改背景顏色的？ ( )A. background-color:B. bgcolor:C. color:精彩文檔實(shí)用標(biāo)準(zhǔn)文案D. text:答案 :A20. 怎樣給所有的 <h1> 標(biāo)簽添加背景顏色 ? ( ) A. .h1 background-color:#FFFFFFB. h1 background-color:#FFFFFF;C. h1.all background-color:#FFFFFFD. #h1 background-color:#FFFFFF答案 :B21. 下列哪個(gè) CSS 屬性

10、可以更改樣式表的字體顏色？ ( )A. text-color=B. fgcolor:C. text-color:D. color:答案 :D22. 下列哪個(gè) CSS 屬性可以更改字體大??？ ( ) A. text-sizeB. font-size C. text-style D. font-style答案 :B23. 下列哪段代碼能夠定義所有 P 標(biāo)簽內(nèi)文字加粗？ ( ) A. <pstyle="text-size:bold">精彩文檔實(shí)用標(biāo)準(zhǔn)文案B. <p style="font-size:bold">C. p text-siz

11、e:boldD. p font-weight:bold答案 :D24. 如何去掉文本超級(jí)鏈接的下劃線？ ( ) A. a text-decoration:no underlineB. a underline:noneC. a decoration:no underline D. a text-decoration:none答案 :D25. 如何設(shè)置英文首字母大寫？ ( ) A. text-transform:uppercaseB. text-transform:capitalize C. 樣式表做不到D. text-decoration:none答案 :B26. 下列哪個(gè) CSS 屬性能夠更改

12、文本字體？ ( ) A. f:B. font=C. font-family:D. text-decoration:none答案 :C精彩文檔實(shí)用標(biāo)準(zhǔn)文案27. 下列哪個(gè) CSS 屬性能夠設(shè)置文本加粗？ ( ) A. font-weight:boldB. style:bold C. font:bD. font=答案 :A28. CSS 中,padding:10px 20px 30px 40px代表的填充值順序分別是:A. 上、右、下、左B. 上、下、左、右C. 上、左、下、右D. 左、右、上、下答案 :A29. 下列哪個(gè)屬性能夠設(shè)置盒模型的左側(cè)外補(bǔ)?。?( ) A. margin:B. inde

13、nt:C. margin-left:D. text-indent:答案 :C30. 定義盒模型外補(bǔ)丁的時(shí)候是否可以使用負(fù)值 ? ( )A. 是B. 否答案 :A精彩文檔實(shí)用標(biāo)準(zhǔn)文案31. 常見(jiàn)的 JavaScript框架有 jQuery 、Prototype、Moottools、ExtJS和 Spry 等。目前 jQuery 最受開(kāi)發(fā)者追捧 ,Spry 框架是 DW CS3 中新增的功能。A. 正確B. 錯(cuò)誤答案 :A32. 網(wǎng)頁(yè)的本質(zhì)是 ( )文件。A. 圖像B.純文本C.可執(zhí)行文件D. 圖像和文本的壓縮答案 :B33. 不是動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)的一項(xiàng)是 : A. 動(dòng)態(tài)網(wǎng)頁(yè)可每次顯示不同的內(nèi)容B.

14、動(dòng)態(tài)網(wǎng)頁(yè)中含動(dòng)畫(huà)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ō)法正確的是:A. px 指屏幕的像素 ,它是相對(duì)單位B. pt 指屏幕的像素 ,它是相對(duì)單位C. pt 指屏幕的像素 ,它是絕對(duì)單位 ,屏幕上尺寸不隨屏幕分辨率的改變而改變精彩文檔實(shí)用標(biāo)準(zhǔn)文案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ō)法正確的是:A. px 指屏幕的像素 ,它是

15、絕對(duì)單位 .B. pt 指屏幕的像素 ,它是相對(duì)單位 .C. pt 指 point, 它是絕對(duì)單位 ,打印出的尺寸不隨屏幕分辨率的改變而改變.D. pt 在印刷行業(yè)中常見(jiàn) ,是相對(duì)單位答案: C37.position默認(rèn)值為 static 。表示 :A. 表示不使用定位屬性定位B. 表示以瀏覽器窗口為基準(zhǔn)進(jìn)行絕對(duì)定位答案: A38. 關(guān)于 CSS,正確的是 :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可

16、以單獨(dú)設(shè)置背景顏色答案: A精彩文檔實(shí)用標(biāo)準(zhǔn)文案39. 當(dāng)兩個(gè)塊級(jí)元素的盒子上下排列時(shí) ,它們之間的邊界 (margin) 將發(fā)生合并 ,而左右排列時(shí)不會(huì)。A. 正確B. 錯(cuò)誤答案: A40.JavaScript是一種基于對(duì)象的語(yǔ)言,而不是面向?qū)ο蟮恼Z(yǔ)言。A. 正確B. 錯(cuò)誤答案: A41.JavaScript是事件驅(qū)動(dòng)的語(yǔ)言。A. 正確B. 錯(cuò)誤答案: A42.JavaScript變量名不能是關(guān)鍵字或保留字,不區(qū)分大小寫。A. 正確B. 錯(cuò)誤答案: B43.document對(duì)象即屬于 BOM, 又屬于 DOM 。A. 正確B. 錯(cuò)誤答案: A44. 對(duì) DOM 標(biāo)準(zhǔn)支持最好的瀏覽器是 IE。

17、A. 正確B. 錯(cuò)誤答案: B45. 常用的 HTML 事件中 ,onBlur 的描述是 :任何元素或窗口失去焦點(diǎn)時(shí)觸發(fā)。A. 正確B. 錯(cuò)誤精彩文檔實(shí)用標(biāo)準(zhǔn)文案答案: A46. 可以使用 DOM 動(dòng)態(tài)操作 CSS 屬性。A. 正確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)。答案 :&

18、lt;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;精彩文檔實(shí)用標(biāo)準(zhǔn)文案display:block;/* 2:*/float:left;/*3:*/line-

19、height:32px;/* 4:*/b background-image:url(xxwlzx/yuanjiao2.gif);background-position:right top;/*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)。()精彩文檔實(shí)用標(biāo)準(zhǔn)文案4)元素相對(duì)于它原來(lái)的位

溫馨提示

  • 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)論