HTML5期末考試題型文檔良心出品_第1頁
HTML5期末考試題型文檔良心出品_第2頁
HTML5期末考試題型文檔良心出品_第3頁
HTML5期末考試題型文檔良心出品_第4頁
HTML5期末考試題型文檔良心出品_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、作業(yè)一.單項選項題1. 以下哪個標記用來建立一個有序列表：C A.<ni> B. <ul> C. <ol> D. <dl>2. 在 HTML5中,哪個元素用于組合標題元素？ D A.<group>B.<header>C.<headings> D.<hgroup>3. HTML5中不再支持下面哪個元素？ D PPT查看其他不再支持元素A.<q> J B.<ins> C.<menu> D.<font> |4. 新的 HTML5 全局屬性,"con

2、tenteditable 用于： B A.規(guī)定元素的上下文菜單.該菜單會在用戶點擊右鍵點擊元素時出現(xiàn).B.規(guī)定元素內容是否是可編輯的.C.從效勞器升級內容.D.返回內容在字符串中首次出現(xiàn)的位置.5. HTML新增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的WebStorage功能.其中A 持久化本地存儲,類似于 Cookie,但沒有有效期,除非主動刪除數(shù)據(jù)： A. localStorage8. SessionStorage數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結束后數(shù)據(jù)也隨之銷毀,非持久化 C.WebSQLD.創(chuàng)立可拖動的元素6 .在 HTML5中,哪個屬性用于規(guī)定輸入字段是必填的？

3、A A.required B.formvalidate C.validate D.placeholder7 .哪種輸入類型定義滑塊控件？ D A.search B.controls C.sliderD.range8 .cxt.arc100,100,100,0,Math.PI*2,true Canvas繪制圓形的 arc 方法中,參數(shù)說明正確的選項是： D A.圓半徑,圓心X坐標,圓心Y坐標,開始角度,結束角度,是否順時針trun 逆時針B.圓心Y坐標,圓心X坐標,圓半徑,開始角度,結束角度,是否順時針C.圓心X坐標,圓心Y坐標,圓半徑,開始角度,結束角度,是否順時針D.圓心X坐標,圓心Y坐標,

4、圓半徑,開始角度,結束角度,是否逆時針9 . 讀取localStorage 數(shù)據(jù)的方法是： B A. localStorage.getItem"鍵值"；B. localStorage.getItem"鍵名"C. localStorage.loadItem"鍵值"；D.localStorage.loadItem"鍵名"10 .在一個img標記中決定圖片文件位置的是哪個屬性： C A: alt B: title C: src D: href11 . Canvas用于填充顏色的屬性是： A A. fillStyle填充色

5、B. fillRectC. lineWidth線條寬度D. strokeRect12 .不是HTML5寺有的存儲類型是： B A、localStorageB CookieC Application Cache應用緩存D sessionStorage二、填空題1. 在input標簽中將type屬性設置為radio 即可定義單項選擇按鈕.查看關于INPUT標記的屬性2. 為了使元素可拖動,把 draggable 屬性設置為true.3. 在拖放過程,開始拖動元素會觸發(fā)dragstar 事件,松開鼠標時會觸發(fā)drop事件.元素拖動4. 在CSS3中,可以使用border-raidus 屬性實現(xiàn)圓角效

6、果.盒子陰影透明度等新增的5. 如下列圖為一個 border為1px的div塊,總寬度為 300Px 包括border ,陰影區(qū)為padding-left:50Px 左側內邊距；,那么此 div的width應設置為 248 px. moopx#、w 6 50pW6. 在CSS3中可以使用transitaion 屬性和其他 CSS屬性顏色、寬高、變形、位置等配合實現(xiàn)動畫效果.1.寫出標準的html5頁面結構.<!doctype html><html><head><meta charset="utf-8"><title>

7、;無標題文檔</title></head><body>網(wǎng)頁內容</body></html>分別寫出HTML5W增的語義標簽及作用三、簡做題元素名作用section表示貝囿中的一個內容區(qū)塊,比方章節(jié)、頁眉、貞腳或貝囿中的其他局部.它口以與h1、h2、素結合起來使用標記文檔結構.article表小貝面中的一塊與上卜文不相關的獨立內容,例如廛客中的一描文草.aside表示article兀素內谷之外的,與 article兀素內谷相關的輔助信息.header表示貝囿中一個內容區(qū)塊或整個貝囿的標題.hgroup附于整個貝回或貝囿中一個內容區(qū)塊的標

8、題進行組合.footer表示整個頁面或頁面中一個內容區(qū)塊的腳注.一般來說,它會包含創(chuàng)作者的姓名,創(chuàng)立日期及nav表小貝囿中導航鏈接的局部figure表示一段獨立的流內容,示文檔主體流內容中的一個獨立單元,使用figcaption 元素題.2.答：<audio>標記定義音頻內容<canvas>標記定義圖片<command>標記定義一個命令按鈕<datalist>標記定義一個下拉列表<details>標記定義一個元素的詳細內容<dialog>標記定義一個對話框會話框<embed>標記定義外部的可交互的內容或插件&l

9、t;keygen>標記定義表單里一個生成的鍵值<mark>標記定義有標記的文本<meter>標t己定義 measurement within apredefined range<output>標記定義一些輸出類型<progress>標記定義任務的過程<rp>標記是用在Ruby annotations告訴那些不支持Ruby元素的瀏覽器如何去顯示<rt>標記定義對 rubyannotations 的解釋<ruby>標記定義 ruby annotations.<section>標記定義一個區(qū)域<

10、;source>標記定義媒體資源<time>標記定義一個日期/時間<video>標記定義一個視頻3 . 簡述<form>標記中method和action屬性的作用.答：method屬性作用是將表單數(shù)據(jù)從客戶端傳送到效勞器的方法,分別為post和get方法,post方法比擬平安和常用；action屬性作用是指定處理表單的效勞端程序,可以是程序或腳本的一個完整URL4 . HTML井新增了類型的新表單元素？作用分別是什么？答：類型：作用text ：設置單行文本框元素email ：表示當前input標簽接受一個郵箱的輸入tel :接受 輸入url :只接受輸

11、入網(wǎng)址nunber ：表示當前標簽只接受數(shù)字類型輸入rang :設置滑塊控件元素clolr :顏色選擇date :日期選擇器類型password : 設置密碼元素file :設置文件元素hidden :設置隱藏元素,不會被瀏覽者看到,用于在不同頁面中傳遞域中所設定的值radio :設置單項選擇框元素checkbox :設置復選框元素button :設置普通按鈕元素submit :設置提交按鈕元素reset : 設置重置按鈕元素Image：設置圖像域圖像按鈕元素5 .寫出HTML減單中新增的屬性及其作用.答：【屬性：作用】min和max:HTML麻增加的屬性,表示當前輸入框輸入的最小和最大值st

12、ep : HTML5新增加的屬性,是步長的意思,也就是在點擊增大或者減小的時候的增加或減少的步長placeholder ,提示信息autocomplete : form或input域是否擁有自動完成功能值為 on和off .適用于以 下類型的 <input> 標簽：text, search, url, telephone, email, password, datepickers, range 以及 color .autofocus :頁面加載時,域自動地獲得焦點.適用所有 <input> 標簽的類型.max min、 step :適用以下類型的 <input&g

13、t; 標簽：date pickers 、 number 以及 range . placeholder :提示信息屬性.multiple :輸入域中可選擇多個值,用于文件上傳控件,設置此屬性后,允許上傳多個文件.適用于以下類型的<input> 標簽：email和file .required :當前文本框在提交前必須有數(shù)據(jù)輸入.適用于以下類型的<input> 標簽：text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file .pattern :規(guī)定用

14、于驗證輸入字段的模式.pattern 屬性適用于以下類型的<input> 標簽：text, search, url, telephone, email以及 password .6 . Canvas中畫圓形、畫矩形邊框、畫位圖分別用什么方法答：arc、stokeRect 、drawlmage.7 .什么是拖放？答：拖放可以分為兩個動作,即拖拽 drag和放開drop.拖拽drag :移動鼠標到指定對象,按下左鍵,然后拖動.放開drop :放開鼠標左鍵,放下對象.8 .行內樣式表、內部樣式表和外部樣式表分別在HTMLX面的什么位置引用？如何引用?答：在HTM戊檔中應用CSS有三種樣式表

15、,分別是：行內樣式表、內部樣式表和外部 樣式表.其中最常用的是內部樣式表和外部樣式表.1內部樣式表：在網(wǎng)頁中可以使用style元素定義一個內部樣式表,指定該網(wǎng)頁內元素的CSS樣式,內部樣式一般添加到頭部.在 style元素中通?？梢允褂胻ype屬性定義內容的類型一般取值"text/css".格式如下：<head><STYLE type = "text/css"></STYLE> </head>2外部樣式表： 含義：在HTM戊檔中可以使用<link>元素引用外部樣式表.<link>元素

16、的屬性有: href 指定被鏈接文檔【樣式表文件】的位置、 hreflang 指定在被鏈接文檔中的文本的 語言、rel 指定當前文檔與被鏈接文檔之間的關系.stylesheet ,指向要導入的樣式表的 URL 、media 指定被鏈接文檔將被顯示在什么設備上.all ,默認值,適用于所有設備；、type 指定被鏈接文檔的MIME類型外部樣式表種類：一種是layout.css 文件專門是布局用的樣式,另一種是添加外部內容的樣式一般命名為style.css 添加外部樣式表有多種方法： 本實驗介紹用到的其中一種方法,第一步：選擇菜單欄中的文件功能-選擇新建CSS-命名layout.css ;第二步：

17、選擇菜單欄中的格式功能-css樣式-添加附加css樣式表-在彈出的鏈接外部樣式表窗口中添加外部樣式文件URLM徑：layout.css - 點擊確定.在本次實驗的注冊頁面就是采用外部樣式表進行CSS樣式設計,格式如下：<HEAD><link href="layout.css" rel="stylesheet" type="text/css"></HEAD>添加外部內容的樣式一般命名為style.css ,操作方法同上,格式如下：<HEAD><link rel="style

18、sheet" type="text/css" href="style.css" /></HEAD>3行內樣式表：在HTME素中使用style屬性可以指定該元素的CSS樣式,這種應用稱為行內樣式表.直接在body標簽中添加,如：<body style="background-color: blue;"><p>網(wǎng)頁的背景為藍色</p></body>9 . CSS中的padding、margin和float 各表示什么屬性中英文背答：分別表示：內填充、外邊距、浮動.

19、10 .簡單描述一下什么是css盒子模型答：CSS合HTML素都賦予了內容(content)、內填充(padding)、邊框(border)和外邊距(margin)屬性,這些屬性形成 CSS盒模型.整個盒模型在頁面中所占的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成.11 .簡述CSS珀哪些新特性？-HSL顏色表現(xiàn)方法.1) 八大屬性：圓角效果(border-radius )多彩邊框陰影(box-shadow )背景圖片尺寸 (background-size )多歹U ( column-count )嵌入字體(font-face )透明度(opacity )HSL和HSLA

20、a色表現(xiàn)方法2)四大類(關系選擇器、偽類選擇器、屬性選擇器、偽元素選擇器)關系選擇器選擇符名稱版本簡介E F包含選擇符CSS1選擇所有被E元素包含的F元素.就可以把這幾個相同設定的選擇器合并在一起,中間用逗號隔E,F分組選擇器CSS1開E>F子選擇符CSS2選擇所有作為E元素的子元素 F.E+F相鄰選擇符CSS2選擇緊貼在E元素之后F元素.EF兄弟選擇符CSS3選擇E元素所有兄弟元素F.偽類選擇器a.結構性偽類選擇器符版本簡介E：rootCSSSIffiETL素在戲的根兀素.E:first-childCSS2四配父元素的第*元素E.E: last-childCSSSE615沅釉m子蒜E.

21、E： on1-childcsss喳痂t怖的Y子謹E.E：Dth<hLld(a)CSS3的斷好TEtE.選擇符版本簡介E: checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E, 用于input type為radio與checkbo工時E:endbledCSS3匹配用戶界面上處于可用狀態(tài)的元素心E: di cabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素EErread onlvVCSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3匹配用戶界面上處于讀寫狀態(tài)的元素Eb. UI元素狀態(tài)偽類選擇器屬性選擇器偽元素選擇器謬符卬tt Eatt=hvar'版本簡介

22、CSS2的具有融屬性的F元素.CSS2曲具有獨喔性且屬性值等于val的E沅素.1 ccc,郵具有破幅性且屬性值為一用空格分隔的字詞到俵,其中 耳art Ml J css. T黯V洲的玩嬴Eatt "EattS="val(fEart*="var*CSS3選擇具有an屬性目屬性值為以vat開頭的字符串的E元 素.CSS3具有an屬性且屬性值為以va除尾的字符串的E元CSS3選擇具有血屬,性且屬性值為包含5的字符串的E元素,Eirr|=T'vil"隨具有at屬性且屬性值為以H開頭并用連接符分隔的 字符串的E元素也3)CSS添力口了三個 動畫效 果屬性t

23、ransform 、 C7SS3中偽元素在以前的根底上增加了一個死產(chǎn).即3flrst.letter,: :fi r5 仁 lin e,: :b efore,: after,另外他還增加 T -'個"sei ec lion兩個土產(chǎn)和產(chǎn)在中主要用來區(qū)分是偽類還是偽元素,這兩種方式都是被接受的.符版本E: first-let terE: :firs(-let ter CSS3E: fir&t-line ;E:£irst-lineCSS5E:before/E: :beforeCSS3E: after/E:afterCSS3E:：£electk>nCS

24、S3簡介設置對象內的第T字符的樣式.設置對象內的擔一右的樣式設置在刈空前依據(jù)對象樹的邏情結構發(fā)生的內容.用來JU屬性一起使用設置在對象后依據(jù)對象樹的邏輯結構發(fā)生的內容.用來和3屬性一使用設置對象疫選時的顏色taansition 、 animation transform 字面上就是變形,改變的意思.在 CSS3中transform 主要 包括以下幾種：旋轉 rotate、扭曲skew、縮放scale和移動translate 以 及矩陣變形matrix . Animation只應用在頁面上已存在的DO雨素上,我們使用 CSS3的Animation制作動畫我們可以省去復雜的js,jquery 代碼

25、.12. CSS3.0選擇器都有哪些類型,并且分別說明其作用及舉例語法格式在HTML標簽中使用的方法.1元素選擇器選擇符類型 版本簡介*通配符選擇器CSS2所有元素對象.E 標簽HTML選擇器CSS1以HTML標簽作為選擇符.E#myid id選擇器 CSS1以唯一標識符id屬性等于 myid的E對象作為選擇符.E.myclass class選擇器CSS1 以class屬性包含 myclass的E對象作為選擇符.2關系選擇器選擇符類型 版本 簡介中間用逗號隔開E,F分組選擇器 CSS1就可以把這幾個相同設定的選擇器合并在一起,E F包含后代選擇器CSS1選擇所有被E元素包含的F元素E>F

26、子選擇器CSS2選擇所有作為E元素的子元素FE+F相鄰選擇器CSS2選擇緊貼在E元素之后F元素EF兄弟選擇符CSS3選擇E元素所有兄弟元素F3偽類選擇器偽類用于向某些選擇器添加特殊的效果.偽類對元素進行分類是基于特征而不是它們的名字、屬性或者內容.選擇符類型 簡介a:link鏈接偽類選擇器設置超鏈接a在未被訪問前的樣式a:visited 鏈接偽類選擇器設置超鏈接a在其鏈接地址已被訪問過時的樣式E:hover用戶操作偽類選擇器設置元素在其鼠標懸停時的樣式E:active用戶操作偽類選擇器設置元素在被用戶激活在鼠標點擊與釋放之間發(fā)生的事件)時的樣式E:focus用戶操作偽類選擇器設置元素在成為輸入

27、焦點(該元素的onfocus事件發(fā)生)時的樣式E:lang() :lang()偽類選擇器匹配使用特殊語言的E元素 a.結構性偽類選擇器選擇符版本 簡介E:root CSS3匹配E元素在文檔的根元素.E:first-child CSS2匹配父元素的第一個子元素E.E:last-childCSS3匹配父元素的最后一個子元素E.E:only-childCSS3E:nth-child(n)CSS3匹配父元素僅有的一個子元素E匹配父元素的第n個子元素E.E:nth-last-child(n) CSS3匹配父元素的倒數(shù)第n個子元素EE:first-of-type CSS3匹配同類型中的第一個同級兄弟元素E

28、.E:last-of-typeCSS3匹配同類型中的最后一個同級兄弟元素EE:only-of-typeCSS3匹配同類型中的唯一的一個同級兄弟元素E.E:nth-of-type(n)CSS3 匹配同類型中的第 n個同級兄弟元素 E.E:nth-last-of-type(n)CSS3匹配同類型中的倒數(shù)第n個同級兄弟元素 E.E:empty CSS3匹配沒有任何子元素(包括 text節(jié)點)的元素E.b. UI元素狀態(tài)偽類選擇器選擇符版本 簡介E:checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E.(用于input type 為radio與 checkbox時)E:enabledCSS3匹配用

29、戶界面上處于可用狀態(tài)的元素E.E:disabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素E.E:read-only CSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3匹配用戶界面上處于讀寫狀態(tài)的元素E3)屬性選擇器選擇符版本簡介E:checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E.用于 input type 為 radio與 checkbox時E:enabledCSS3匹配用戶界面上處于可用狀態(tài)的元素E.E:disabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素E.E:read-only CSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCS

30、S3匹配用戶界面上處于讀寫狀態(tài)的元素4偽元素選擇器選擇符版本簡介E:checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E.用于 input type 為 radio與 checkbox時E:enabledCSS3匹配用戶界面上處于可用狀態(tài)的元素E.E:disabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素E.E:read-only CSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3匹配用戶界面上處于讀寫狀態(tài)的元素13. HTML5I什么標記播放音頻？主要支持的音頻格式有哪些？答： 標記： <audio> ; 格式： mov、mp4、wav.14. HT

31、ML5I什么標記播放視頻？主要支持的視頻格式有哪些？答：標記：<video> ;格式ogg、MPEG4 WebM 注意：Hv不支持.15. 簡述什么是 HTML5勺Web Storage功能？包括哪些技術？它們的區(qū)別是什么？答：HTML新增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的Web Storage功能.其中l(wèi)ocalStorage 持久化本地存儲,類似于Cookie,但沒有有效期,除非主動刪除數(shù)據(jù).另一種sessionStorage 用于本地存儲一個會話中的數(shù)據(jù),這些數(shù)據(jù)只在同一 個會話中的頁面才能訪問并且當會話結束后數(shù)據(jù)也隨之銷毀,類似于 session.四.編程題1.編

32、寫一個form表單,實現(xiàn)一個學生信息輸入.包含學號、姓名、性別、愛好、出生年月等.注意首行縮進答:<!doctype html><html><head><meta charset="utf-8"><title>autocomplete</title></head><body><form action="" method="get" autocomplete="on">學號： <input type=&q

33、uot;text" name="userid" placeholder=請輸入學號"autofocusrequired><br/>名 字：<input type="text" name="username" placeholder=" 請輸入用戶名autocomplete="off"><br/>密碼：<input type="password" name="psw" placeholder=&quo

34、t;請輸入密碼 "><br/>性另1J： <input type="radio" name="sex" value=" 男"checked> 男<input type="radio" name="sex" value=女"checked> 女</圻> ：<input type="tel" name="phone" placeholder="請輸入 號 "&g

35、t;</br>郵箱：<input type="email" name="email" placeholder="請輸入注冊郵箱"></br> 生 日：<input type="date" name="birthday"></br>興趣愛好：<input type="checkbox" name="interser口 value=<input type="checkbox" n

36、ame="interser value="<input type="checkbox" name="interser value="<input type="checkbox" name="interser value="</br>籃球"> 籃球足球"> 足球 舞蹈"> 舞蹈 看電影"> 看電影顏色愛好：1<input type="color">2<input type=

37、"color">3<input type="color"></br>建議：<textarea name="suggeer" rows="3" cols="50">請輸入對本課程的建議</textarea></br><input type="submit" name="submitup" value=<input type="reset" name="

38、restup" value="</form>提交"/> 重交">2.繪制一個邊框為藍色粗細為2個像素,填充為紅色,寬和高分別是300, 200的矩形.要寫出HTML5弋碼和相應的JavaScript 代碼.答：<!doctype html><html><head><meta charset="utf-8"><title> 畫矩形 </title></head><body><canvas id="myC

39、anvas" height=500 width=500> 您的瀏覽器不支持canvas .</canvas><script type="text/javascript">function drawRect()var c=document.getElementById("myCanvas"); / 獲取網(wǎng)頁中的 canvas 對象var ctx=c.getContext("2d"); 獲取 canvas 對象的 2d 上下文ctx.lineWidth = 2;線條粗細ctx.strokeStyle = "blue"ctx.fillStyle=&

溫馨提示

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

評論

0/150

提交評論