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

下載本文檔

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

文檔簡介

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

header

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

HTML5新增的表單元素不包括以下哪個選項？(B)A.

EmailB.

urlC.

datetimeD.

Password17.

下列哪個選項不是CSS3的新特性？(D)A.

多列布局B.

圓角C.

透明度D.

表格邊框合并18.

JavaScript中，以下哪個方法用于獲取元素的屬性值？()A.

getAttribute()B.

getElementsByTagName()C.

getElementsByClassName()D.

getElementById()19.

在JavaScript中，下列哪個不是合法的變量名稱？(C)A.

_nameB.

$nameC.

2nameD.

name20.

下列哪個選項不是JavaScript中的保留關(guān)鍵字？(C)A.

VarB.

functionC.

classD.

Return21、以下哪個標簽不是HTML5的語義化標簽（C）。A、<header></header> B、<section></section>C、<marquee></marquee> D、<article></article>22、在css3單位中，哪些相對font-size屬性來計算（B）。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、點擊超鏈接標記<a>標簽，在新窗口打開頁面，需要設(shè)置屬性target="__-blank_________"。2、<input/>標記有多個屬性，其中_type_____屬性為其最基本的屬性，用于指定不同的控件類型。3、在CSS中，用于設(shè)置行間距的屬性是___line-height________，一般稱為行高。4、JavaScript中主要包括兩種注釋：單行注釋和___多行____注釋。5、5、id選擇器使用__#___進行標識，后面緊跟id名。6、盒子模型包括邊框（border）、內(nèi)容（content）、內(nèi)邊距padding和外邊距margin。7、5、<form>與</form>之間的表單控件是由用戶自定義的，___method____、__action____和___enctype____為表單標記<form>的常用屬性。8、網(wǎng)頁當中的常見圖片格式有jpg格式，__PNG____格式和__BMP_____格式。9、5、在JavaScript中，頁面事件包括onload事件和onunload事件，其中___onload___事件是在網(wǎng)頁加載完畢后觸發(fā)的事件。10、在JavaScript中，鼠標事件有很多，其中onclick為鼠標_單擊____時觸發(fā)此事件。11、行內(nèi)式也稱為內(nèi)聯(lián)樣式，是通過標記的___display_______屬性來設(shè)置元素的樣式。三、判斷題（每題1分，共10分）1、HTML5中的<canvas>元素可以用來繪制圖形和動畫。（×）2、CSS3的@media查詢可以用于實現(xiàn)響應(yīng)式設(shè)計，使網(wǎng)頁在不同設(shè)備上自適應(yīng)顯示。(√)3、E[att^=value]屬性選擇器中，E指代的是某個標簽。（√）4、vaScript中的==和===操作符在比較時沒有區(qū)別。(×)5、在HTML中，<meta>標簽的charset屬性用于設(shè)置網(wǎng)頁的字符編碼。(√)6、CSS的float屬性可以用來實現(xiàn)元素的浮動布局，但可能會導(dǎo)致布局塌陷問題。(√)7、JavaScript中的setTimeout函數(shù)可以實現(xiàn)定時任務(wù)，但它的執(zhí)行時間精度非常高，可以精確到毫秒。(×)8、在HTML5中，<section>和<div>標簽的作用完全相同。(×)9、HTML文檔的<!DOCTYPE>聲明是可選的，沒有它網(wǎng)頁仍然可以正常顯示。(√)10、border-style屬性用于設(shè)置圓角邊框。（×）簡答題（每題5分，共10分）說出常用的瀏覽器有哪幾種？什么是CSS？CSS有什么作用？CSS（CascadingStyleSheets，層疊樣式表）是一種用于描述HTML或XML文檔（如網(wǎng)頁）呈現(xiàn)效果的技術(shù)。作用:它通過定義文本顏色、字體、布局、間距、動畫等視覺屬性，將網(wǎng)頁內(nèi)容與樣式分離，使開發(fā)者能夠高效控制頁面的外觀和交互效果。五、代碼題（15分）1、補充下面網(wǎng)頁元素的信息。（每空1分，共5分）。<!DOCTYPEhtml><html> <head> <metacontent="text/html;"charset="utf-8"> <title>搜索</title> <style> body{①font-size:13px;}/*設(shè)置頁面字體大小為13px*/ td{②padding:10px;}/*設(shè)置td單元格的內(nèi)邊距為10px*/ p{③width:450px;}/*設(shè)置p元素的寬度為450px*/ p,h3{④margin:0;padding:0;}/*設(shè)置內(nèi)邊距和外邊距均為0*/ </style> </head> <body> <table⑤border="0"width="290px">/*設(shè)置表格邊框為0，寬為290PX*/ <tr><td><h3>實現(xiàn)實時Html編輯器</h3><p>給大家介紹一種很簡單的無限制在線Html編輯器,實現(xiàn)所寫即所得UI和樣式實時刷新,JS代碼也能進行熱加載執(zhí)行重新渲染,而且這些實現(xiàn)都非常簡單...</p><ahref="#">http://HTML.com</a></td></tr> <tr><td><h3>html中q標簽(短的引用)的詳細介紹</h3><p>本篇將介紹html中q標簽(短的引用)的詳細用法,有興趣的朋友可以了解一下!學(xué)習(xí)html其實就是學(xué)習(xí)標簽的用法,今天小編要介紹的是...</p><ahref="#">http://HTMLS</a></td></tr> </table> <ahref="#">1</a><ahref="#">2</a><ahref="#">3</a><ahref="#">4</a> </body></html>2、按照下面要求編寫代碼（共10分）請編寫一個HTML代碼片段，創(chuàng)建一個包含以下元素的網(wǎng)頁：標題：文本為“登錄表單”表單：包含一個文本輸入框（占位符為“請輸入用戶名”）和一個提交按鈕（文本為“提交”）。要求：表單提交時跳轉(zhuǎn)到/login頁面（可

溫馨提示

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

評論

0/150

提交評論