web前端開發(fā)期末試卷1_第1頁(yè)
web前端開發(fā)期末試卷1_第2頁(yè)
web前端開發(fā)期末試卷1_第3頁(yè)
web前端開發(fā)期末試卷1_第4頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡(jiǎn)介

科目名稱:WEB前端開發(fā)第1頁(yè)共6頁(yè)《WEB前端開發(fā)》期末考試試題班級(jí):姓名:成績(jī):選擇題(每題2分,共50分)1.HTML語(yǔ)言中,設(shè)置表格中文字與邊框距離的標(biāo)簽是()A、<tableboder=””>B、<tablecellspacing=””>C、<tablecellpadding=””>D、<tablewidth=””>2.以下說法,錯(cuò)誤的是()A、mark用于顯示變粗的文字B、<del>用于顯示刪除的文本C、<ins>的文字會(huì)帶下劃線D、<strong>用于強(qiáng)調(diào)文本3.設(shè)置文字顏色應(yīng)使用屬性()A、font-familyB、font-colorC、colorD、font4.根據(jù)規(guī)范,哪些標(biāo)簽不是HTML5的語(yǔ)義化標(biāo)簽?()A、headerB、sectionC、marqueeD、article5.如何產(chǎn)生帶有正方形項(xiàng)目的列表()A、type:squareB、type:2C、list-style-type:squareD、list-type:square6.CSS中,以下哪個(gè)選擇器用于選中ID為

header

的元素?()A.#headerB..headerC.headerD.*7.下列哪一項(xiàng)不是HTML5中新增加的標(biāo)簽()A、navB、articleC、captionD、video8.表示有序列表的是()A、ulB、dlC、liD、ol9.關(guān)于CSS的單位,以下說法錯(cuò)誤的是:()A、百分比單位始終根據(jù)父元素相應(yīng)值來計(jì)算B、vw、vh、em、rem都是相對(duì)單位C、90deg表示順時(shí)針旋轉(zhuǎn)90度D、1s=1000ms10.HTML5中不再支持下面哪個(gè)元素?()A、<q>B、<ins>C、<menu>D、<font>11.下面有關(guān)htmlDoctype的描述,說法錯(cuò)誤的是?()A、它的責(zé)任就是告訴瀏覽器文檔使用哪種html或者xhtml規(guī)范B、不同文檔模式主要影響CSS內(nèi)容的呈現(xiàn),尤其是瀏覽器對(duì)盒模型的解析C、不同瀏覽器在混雜模式下的行為差異非常大,如果不使用某些hack技術(shù),跨瀏覽器的行為根本就沒有一致性可言。D、如果在文檔開始處沒有發(fā)現(xiàn)文檔類型聲明,則所有瀏覽器都會(huì)默認(rèn)開啟嚴(yán)格模式12.下面關(guān)于表單的說法中,錯(cuò)誤的是()A、可以給input添加multiple屬性使它可以輸入多行文字B、placeholder屬性可以用來提示用戶輸入什么內(nèi)容C、用戶無(wú)法直接修改包含disabled屬性的文本框的內(nèi)容D、maxlength屬性可以限制文本框內(nèi)最多輸入多少個(gè)字符13.下列哪一項(xiàng)不是HTML5中新增加的標(biāo)簽?()A、navB、articleC、captionD、video14.在HTML5中,哪個(gè)元素用于組合標(biāo)題元素?()A、<group>B、<header>C、<headings>D、<hgroup>15.CSS哪些屬性可以繼承()A、font-sizeB、marginC、widthD、padding16.

HTML5新增的表單元素不包括以下哪個(gè)選項(xiàng)?()A.

EmailB.

urlC.

datetimeD.

Password17.

下列哪個(gè)選項(xiàng)不是CSS3的新特性?()A.

多列布局B.

圓角C.

透明度D.

表格邊框合并18.

JavaScript中,以下哪個(gè)方法用于獲取元素的屬性值?()A.

getAttribute()B.

getElementsByTagName()C.

getElementsByClassName()D.

getElementById()19.

在JavaScript中,下列哪個(gè)不是合法的變量名稱?()A.

_nameB.

$nameC.

2nameD.

name20.

下列哪個(gè)選項(xiàng)不是JavaScript中的保留關(guān)鍵字?()A.

VarB.

functionC.

classD.

Return21、以下哪個(gè)標(biāo)簽不是HTML5的語(yǔ)義化標(biāo)簽(C)。A、<header></header> B、<section></section>C、<marquee></marquee> D、<article></article>22、在css3單位中,哪些相對(duì)font-size屬性來計(jì)算()。A、vh B、em C、vw D、px23、在HTML5中,用于播放視頻文件的元素是(A)。A、<video>元素 B、<audio>元素 C、<music>元素D、<move>元素24、html中,樣式表按照應(yīng)用方式可以分為三種類型,其中不包括(D)。內(nèi)嵌樣式表B、行內(nèi)樣式表C、外部樣式表文件D、類樣式25、在HTML中,通常要通過定位,CSS屬性中可以設(shè)置垂直疊放次序(C)A.list-styleB.paddingC.z-indexD.Float二、填空題(每空1分,共15分)1、點(diǎn)擊超鏈接標(biāo)記<a>標(biāo)簽,在新窗口打開頁(yè)面,需要設(shè)置屬性target="___________"。2、<input/>標(biāo)記有多個(gè)屬性,其中______屬性為其最基本的屬性,用于指定不同的控件類型。3、在CSS中,用于設(shè)置行間距的屬性是___________,一般稱為行高。4、JavaScript中主要包括兩種注釋:?jiǎn)涡凶⑨尯蚠__________注釋。5、5、id選擇器使用_____進(jìn)行標(biāo)識(shí),后面緊跟id名。6、盒子模型包括邊框(border)、內(nèi)容(content)、內(nèi)邊距和外邊距。7、5、<form>與</form>之間的表單控件是由用戶自定義的,______、______和______為表單標(biāo)記<form>的常用屬性。8、網(wǎng)頁(yè)當(dāng)中的常見圖片格式有jpg格式,______格式和_______格式。9、5、在JavaScript中,頁(yè)面事件包括onload事件和onunload事件,其中______事件是在網(wǎng)頁(yè)加載完畢后觸發(fā)的事件。10、在JavaScript中,鼠標(biāo)事件有很多,其中onclick為鼠標(biāo)_____時(shí)觸發(fā)此事件。11、行內(nèi)式也稱為內(nèi)聯(lián)樣式,是通過標(biāo)記的__________屬性來設(shè)置元素的樣式。三、判斷題(每題1分,共10分)1、HTML5中的<canvas>元素可以用來繪制圖形和動(dòng)畫。()2、CSS3的@media查詢可以用于實(shí)現(xiàn)響應(yīng)式設(shè)計(jì),使網(wǎng)頁(yè)在不同設(shè)備上自適應(yīng)顯示。()3、E[att^=value]屬性選擇器中,E指代的是某個(gè)標(biāo)簽。()4、vaScript中的==和===操作符在比較時(shí)沒有區(qū)別。()5、在HTML中,<meta>標(biāo)簽的charset屬性用于設(shè)置網(wǎng)頁(yè)的字符編碼。()6、CSS的float屬性可以用來實(shí)現(xiàn)元素的浮動(dòng)布局,但可能會(huì)導(dǎo)致布局塌陷問題。()7、JavaScript中的setTimeout函數(shù)可以實(shí)現(xiàn)定時(shí)任務(wù),但它的執(zhí)行時(shí)間精度非常高,可以精確到毫秒。()8、在HTML5中,<section>和<div>標(biāo)簽的作用完全相同。()9、HTML文檔的<!DOCTYPE>聲明是可選的,沒有它網(wǎng)頁(yè)仍然可以正常顯示。()10、border-style屬性用于設(shè)置圓角邊框。()簡(jiǎn)答題(每題5分,共10分)說出常用的瀏覽器有哪幾種?什么是CSS?CSS有什么作用?五、代碼題(15分)1、補(bǔ)充下面網(wǎng)頁(yè)元素的信息。(每空1分,共5分)。<!DOCTYPEhtml><html> <head> <metacontent="text/html;"charset="utf-8"> <title>搜索</title> <style> body{①;}/*設(shè)置頁(yè)面字體大小為13px*/ td{②;}/*設(shè)置td單元格的內(nèi)邊距為10px*/ p{③;}/*設(shè)置p元素的寬度為450px*/ p,h3{④}/*設(shè)置內(nèi)邊距和外邊距均為0*/ </style> </head> <body> <table⑤>/*設(shè)置表格邊框?yàn)?,寬為290PX*/ <tr><td><h3>實(shí)現(xiàn)實(shí)時(shí)Html編輯器</h3><p>給大家介紹一種很簡(jiǎn)單的無(wú)限制在線Html編輯器,實(shí)現(xiàn)所寫即所得UI和樣式實(shí)時(shí)刷新,JS代碼也能進(jìn)行熱加載執(zhí)行重新渲染,而且這些實(shí)現(xiàn)都非常簡(jiǎn)單...</p><ahref="#">http://HTML.com</a></td></tr> <tr><td><h3>html中q標(biāo)簽(短的引用)的詳細(xì)介紹</h3><p>本篇將介紹html中q標(biāo)簽(短的引用)的詳細(xì)用法,有興趣的朋友可以了解一下!學(xué)習(xí)html其實(shí)就是學(xué)習(xí)標(biāo)簽的用法,今天小編要介紹的是...</p><ahref="#">http://HTMLS</a></td></tr> </table>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝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ù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 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)論