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

下載本文檔

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

文檔簡介

作業(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>B.<ins>C.<menu>D.<font>4.新的HTML5全局屬性，"contenteditable"用于：（B）規(guī)定元素的上下文菜單。該菜單會在用戶點擊右鍵點擊元素時出現(xiàn)。規(guī)定元素內(nèi)容是不是可編寫的。從服務(wù)器升級內(nèi)容。返回內(nèi)容在字符串中初次出現(xiàn)的地點。5.HTML5新增一種特別重要的功能是能夠在客戶端當(dāng)?shù)卮鏀?shù)據(jù)的WebStorage(A)長遠化當(dāng)?shù)貎Υ?，近似于Cookie，但沒有有效期，除非主動刪除數(shù)據(jù)：

功能。此中l(wèi)ocalStorageSessionStorage(數(shù)據(jù)只有在同一個會話中的頁面才能接見而且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀，非長遠化)創(chuàng)立可拖動的元素6.在HTML5中，哪個屬性用于規(guī)定輸入字段是必填的？（A）7.哪一種輸入種類定義滑塊控件？（D）8.(100,100,100,0,*2,true)Canvas繪制圓形的arc方法中，參數(shù)說明正確的選項是：D）A.圓半徑，圓心X坐標，圓心Y坐標，開始角度，結(jié)束角度，能否順時針trun逆時針圓心Y坐標，圓心圓心X坐標，圓心圓心X坐標，圓心

坐標，圓半徑，開始角度，結(jié)束角度，能否順時針坐標，圓半徑，開始角度，結(jié)束角度，能否順時針坐標，圓半徑，開始角度，結(jié)束角度，能否逆時針9.讀取localStorage數(shù)據(jù)的方法是：（B）A.("鍵值");B.("鍵名");C.("鍵值");"鍵名");10.在一個<img>標志中決定圖片文件地點的是哪個屬性：（C）A:altB:titleC:srcD:href11.Canvas用于填補顏色的屬性是：（A）A.fillStyle填補色fillRectlineWidth線條寬度strokeRect12.不是HTML5獨有的儲存種類是：（B）A、localStorageB、CookieC、ApplicationCache應(yīng)用緩存D、sessionStorage二、填空題1.在<input>標簽中將type屬性設(shè)置為radio即可定義單項選擇按鈕。查察對于INPUT標志的屬性2.為了使元素可拖動，把draggable屬性設(shè)置為true。3.在拖放過程，開始拖動元素會觸發(fā)dragstar事件，松開鼠標時會觸發(fā)drop事件。元素拖動4.在CSS3中，能夠使用border-raidus屬性實現(xiàn)圓角成效。盒子暗影透明度等新增的以以下圖為一個border為1px的div塊，總寬度為300px（包含border），暗影區(qū)為padding-left:50px左邊內(nèi)邊距;，那么此div的width應(yīng)設(shè)置為248px。6.在CSS3中能夠使用transitaion

屬性和其余

CSS屬性（顏色、寬高、變形、地點等）配合實現(xiàn)動畫成效。三、簡答題寫出標準的html5頁面構(gòu)造。<!doctypehtml><html><head><metacharset="utf-8"><title>無標題文檔</title></head><body>網(wǎng)頁內(nèi)容</body></html>分別寫出HTML5新增的語義標簽及作用答：元素名作用表示頁面中的一個內(nèi)容區(qū)塊，比方章節(jié)、頁眉、頁腳或頁面中的其余部分。它能夠與h1、h2、section素聯(lián)合起來使用標志文檔構(gòu)造。article表示頁面中的一塊與上下文不有關(guān)的獨立內(nèi)容，比方博客中的一篇文章。aside表示article元素內(nèi)容以外的，與article元素內(nèi)容有關(guān)的協(xié)助信息。header表示頁面中一個內(nèi)容區(qū)塊或整個頁面的標題。hgroup用于整個頁面或頁面中一個內(nèi)容區(qū)塊的標題進行組合。footer表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說，它會包含創(chuàng)作者的姓名，創(chuàng)立日期及nav表示頁面中導(dǎo)航鏈接的部分figure表示一段獨立的流內(nèi)容，一般表示文檔主體流內(nèi)容中的一個獨立單元，使用figcaption元素為題。<audio>標志定義音頻內(nèi)容<canvas>標志定義圖片<command>標志定義一個命令按鈕<datalist>標志定義一個下拉列表<details>標志定義一個元素的詳盡內(nèi)容<dialog>標志定義一個對話框(會話框)<embed>標志定義外面的可交互的內(nèi)容或插件<keygen>標志定義表單里一個生成的鍵值<mark>標志定義有標志的文本<meter>標志定義measurementwithinapredefinedrange<output>標志定義一些輸出種類<progress>標志定義任務(wù)的過程<rp><rt><ruby><section><source><time><video>

標志是用在Rubyannotations告訴那些不支持標志定義對rubyannotations的解說標志定義rubyannotations.標志定義一個地區(qū)標志定義媒體資源標志定義一個日期/時間標志定義一個視頻

Ruby

元素的閱讀器如何去顯示簡述<form>標志中method和action屬性的作用。答：method屬性作用是將表單數(shù)據(jù)從客戶端傳遞到服務(wù)器的方法，分別為post和get方法，post方法比較安全和常用；action屬性作用是指定處理表單的服務(wù)端程序，能夠是程序或腳本的一個完好URL。HTML5中新增了種類的新表單元素？作用分別是什么？答：種類：作用text：設(shè)置單行文本框元素email：表示目前input標簽接受一個郵箱的輸入tel：接受電話輸入url：只接受輸入網(wǎng)址nunber：表示目前標簽只接受數(shù)字種類輸入rang：設(shè)置滑塊控件元素clolr：顏色選擇date：日期選擇器種類password：設(shè)置密碼元素file：設(shè)置文件元素hidden：設(shè)置隱蔽元素，不會被閱讀者看到，用于在不一樣頁面中傳達域中所設(shè)定的值radio：設(shè)置單項選擇框元素checkbox：設(shè)置復(fù)選框元素button：設(shè)置一般按鈕元素submit：設(shè)置提交按鈕元素reset：設(shè)置重置按鈕元素Image：設(shè)置圖像域（圖像按鈕）元素寫出HTML5表單中新增的屬性及其作用。答：【屬性：作用】min和max:HTML5新增添的屬性，表示目前輸入框輸入的最小和最大值step：HTML5新增添的屬性，是步長的意思，也就是在點擊增大或許減小的時候的增添或減少的步長placeholder，提示信息autocomplete：form或input域能否擁有自動達成功能（值為on和off）。合用于以下種類的<input>標簽：text,search,url,telephone,email,password,datepickers,range以及color。autofocus：頁面加載時，域自動地獲取焦點。合用全部<input>標簽的種類。max、min、step：合用以下種類的<input>標簽：datepickers、number以及range。placeholder：提示信息屬性。multiple：輸入域中可選擇多個值，用于文件上傳控件，設(shè)置此屬性后，同意上傳多個文件。合用于以下種類的<input>標簽：email和file。required：目前文本框在提交前一定有數(shù)據(jù)輸入。合用于以下種類的<input>標簽：text,search,url,telephone,email,password,datepickers,number,checkbox,radio以及file。pattern：規(guī)定用于考證輸入字段的模式。pattern屬性合用于以下種類的<input>標簽：text,search,url,telephone,email以及password。Canvas中畫圓形、畫矩形邊框、畫位圖分別用什么方法答：arc、stokeRect、drawImage。7.什么是拖放？答：拖放能夠分為兩個動作，即拖拽（drag）和松開（drop）。拖拽（drag）：挪動鼠標到指定對象，按下左鍵，而后拖動。松開（drop）：松開鼠標左鍵，放下對象。8.行內(nèi)款式表、內(nèi)部款式表和外面款式表分別在HTML頁面的什么地點引用？如何引用？答：在HTML文檔中應(yīng)用CSS有三種款式表，分別是：行內(nèi)款式表、內(nèi)部款式表和外面款式表。此中最常用的是內(nèi)部款式表和外面款式表。內(nèi)部款式表：在網(wǎng)頁中能夠使用style元素定義一個內(nèi)部款式表，指定該網(wǎng)頁內(nèi)元素的CSS款式，內(nèi)部款式一般增添到頭部。在style元素中平常能夠使用type屬性定義內(nèi)容的種類（一般取值"text/css"）。格式以下：<head><STYLEtype="text/css"></STYLE></head>外面款式表：①含義：在HTML文檔中能夠使用<link>元素引用外面款式表。<link>元素的屬性有：href

（指定被鏈接文檔【款式表文件】的地點）、

hreflang（指定在被鏈接文檔中的文本的語言）、

rel

（指定目前文檔與被鏈接文檔之間的關(guān)系。

stylesheet

，指向要導(dǎo)入的款式表的URL；）、

media（指定被鏈接文檔將被顯示在什么設(shè)施上。

all

，默認值，合用于全部設(shè)施；）、

type

（指定被鏈接文檔的

MIME

種類）外面款式表種類：一種是文件特地是布局用的款式，另一種是增添外面內(nèi)容的款式一般命名為②增添外面款式表有多種方法：

本實驗介紹用到的此中一種方法，

第一步：選擇菜單欄中的文件功能

-

選擇新建

CSS-

命名；第二步：選擇菜單欄中的格式功能

-css款式

-增添附帶

css

款式表

-在彈出的鏈接外面款式表窗口中增添外面款式文件

URL路徑：-

點擊確立。在本次實驗的注冊頁面就是采納外面款式表進行CSS款式設(shè)計，格式以下：<HEAD><linkhref=""rel="stylesheet"type="text/css"></HEAD>增添外面內(nèi)容的款式一般命名為，操作方法同上，格式以下：<HEAD><linkrel="stylesheet"type="text/css"href=""/></HEAD>行內(nèi)款式表：在HTML元素中使用style屬性能夠指定該元素的CSS款式，這類應(yīng)用稱為行內(nèi)款式表。直接在body標簽中增添,如：<bodystyle="background-color:blue;"><p>網(wǎng)頁的背景為藍色</p></body>9.CSS中的padding、margin和float各表示什么屬性中英文背答：分別表示：內(nèi)填補、外邊距、浮動。簡單描繪一下什么是css盒子模型答：CSS給

HTML元素都給予了內(nèi)容

(content)

、內(nèi)填補

(padding)

、邊框(border)

和外邊距(margin)

屬性，這些屬性形成

CSS盒模型。整個盒模型在頁面中所占的寬度是由左界限

+左邊框

+

左填補

+

內(nèi)容

+

右填補

+

右側(cè)框

+

右界限構(gòu)成。簡述CSS3有哪些新特征？-HSL顏色表現(xiàn)方法。八大屬性：圓角成效（border-radius）多彩邊框暗影（box-shadow）背景圖片尺寸（background-size）多列（column-count）嵌入字體（@font-face）透明度（opacity）HSL和HSLA顏色表現(xiàn)方法四大類（關(guān)系選擇器、偽類選擇器、屬性選擇器、偽元素選擇器）①關(guān)系選擇器選擇符名稱版本簡介EF包含選擇符CSS1選擇全部被E元素包含的F元素。E,F分組選擇器CSS1就能夠把這幾個同樣設(shè)定的選擇器合并在一同，中間用逗號隔開E>F子選擇符CSS2選擇全部作為E元素的子元素F。E+F相鄰選擇符CSS2選擇緊貼在E元素以后F元素。E~F兄弟選擇符CSS3選擇E元素全部兄弟元素F。②偽類選擇器構(gòu)造性偽類選擇器UI元素狀態(tài)偽類選擇器③屬性選擇器④偽元素選擇器3)CSS增添了三個動畫成效屬性（transform、taansition、animation）transform字面上就是變形，改變的意思。在CSS3中transform主要包含以下幾種：旋轉(zhuǎn)rotate、歪曲skew、縮放scale和挪動translate以及矩陣變形matrix。Animation只應(yīng)用在頁面上已存在的DOM元素上，我們使用CSS3的Animation制作動畫我們能夠省去復(fù)雜的js,jquery代碼。選擇器都有哪些種類，而且分別說明其作用及舉例語法格式在HTML標簽中使用的方法。元素選擇器選擇符種類版本簡介*通配符選擇器CSS2全部元素對象。E標簽(HTML)選擇器CSS1以HTML標簽作為選擇符。E#myidid選擇器CSS1以獨一表記符id屬性等于myid的E對象作為選擇符。class選擇器CSS1以class屬性包含myclass的E對象作為選擇符。關(guān)系選擇器選擇符種類版本E,F分組選擇器CSS1EF包含(后輩)選擇器E>F子選擇器CSS2E+F相鄰選擇器CSS2E~F兄弟選擇符CSS3

簡介就能夠把這幾個同樣設(shè)定的選擇器合并在一同，中間用逗號分開CSS1選擇全部被E元素包含的F元素選擇全部作為E元素的子元素F選擇緊貼在E元素以后F元素選擇E元素全部兄弟元素F偽類選擇器偽類用于向某些選擇器增添特別的成效。偽類對元素進行分類是鑒于特色而不是它們的名字、屬性或許內(nèi)容。選擇符種類簡介a:link鏈接偽類選擇器設(shè)置超鏈接a在未被接見前的款式a:visited鏈接偽類選擇器設(shè)置超鏈接a在其鏈接地點已被接見過時的款式E:hover用戶操作偽類選擇器設(shè)置元素在其鼠標懸停時的款式E:active用戶操作偽類選擇器設(shè)置元素在被用戶激活（在鼠標點擊與開釋之間發(fā)生的事件）時的款式E:focus用戶操作偽類選擇器設(shè)置元素在成為輸入焦點（該元素的onfocus事件發(fā)生）時的款式E:lang( ):lang( )偽類選擇器般配使用特別語言的E元素構(gòu)造性偽類選擇器選擇符版本簡介E:rootCSS3般配E元素在文檔的根元素。E:first-childCSS2般配父元素的第一個子元素E。E:last-childCSS3般配父元素的最后一個子元素E。E:only-childCSS3般配父元素僅有的一個子元素E。E:nth-child(n)CSS3般配父元素的第n個子元素E。E:nth-last-child(n)CSS3般配父元素的倒數(shù)第n個子元素E。E:first-of-typeCSS3般配同種類中的第一個同級兄弟元素E。E:last-of-typeCSS3般配同種類中的最后一個同級兄弟元素E。E:only-of-typeCSS3般配同種類中的獨一的一個同級兄弟元素E。E:nth-of-type(n)CSS3般配同種類中的第n個同級兄弟元素E。E:nth-last-of-type(n)CSS3般配同種類中的倒數(shù)第n個同級兄弟元素E。E:emptyCSS3般配沒有任何子元素（包含text節(jié)點）的元素E。UI元素狀態(tài)偽類選擇器選擇符版本簡介E:checkedCSS3般配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabledCSS3般配用戶界面上處于可用狀態(tài)的元素E。E:disabledCSS3般配用戶界面上處于禁用狀態(tài)的元素E。E:read-onlyCSS3般配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3般配用戶界面上處于讀寫狀態(tài)的元素E屬性選擇器選擇符版本簡介E:checkedCSS3般配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabledCSS3般配用戶界面上處于可用狀態(tài)的元素E。E:disabledCSS3般配用戶界面上處于禁用狀態(tài)的元素E。E:read-onlyCSS3般配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3般配用戶界面上處于讀寫狀態(tài)的元素E偽元素選擇器選擇符版本簡介E:checkedCSS3般配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabledCSS3般配用戶界面上處于可用狀態(tài)的元素E。E:disabledCSS3般配用戶界面上處于禁用狀態(tài)的元素E。E:read-onlyCSS3般配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3般配用戶界面上處于讀寫狀態(tài)的元素EHTML5用什么標志播放音頻？主要支持的音頻格式有哪些？答：標志：<audio>；格式：mov、mp4、wav。HTML5用什么標志播放視頻？主要支持的視頻格式有哪些？答：標志：<video>；格式ogg、MPEG4、WebM、（注意：flv不支持）。簡述什么是HTML5的WebStorage功能？包含哪些技術(shù)？它們的差別是什么？答：HTML5新增一種特別重要的功能是能夠在客戶端當(dāng)?shù)卮鏀?shù)據(jù)的WebStorage此中l(wèi)ocalStorage長遠化當(dāng)?shù)貎Υ?，近似于Cookie，但沒有有效期，除非主動刪除數(shù)據(jù)。另一種sessionStorage用于當(dāng)?shù)貎Υ嬉粋€會話中的數(shù)據(jù)，這些數(shù)據(jù)只在同一個會話中的頁面才能接見而且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀，近似于session。

功能。四．編程題編寫一個form表單，實現(xiàn)一個學(xué)生信息輸入。包含學(xué)號、姓名、性別、喜好、出生年代等。（注意首行縮進）答：<!doctypehtml><html><head><metacharset="utf-8"><title>autocomplete</title></head><body><formaction=""method="get"autocomplete="on">學(xué)號：<inputtype="text"name="userid"placeholder="請輸入學(xué)號"autofocusrequired><br/>名字：<inputtype="text"name="username"placeholder="請輸入用戶名"autocomplete="off"><br/>密碼：<inputtype="password"name="psw"placeholder="請輸入密碼"><br/>性別：<inputtype="radio"name="sex"value="男"checked>男<inputtype="radio"name="sex"value="女"checked>女</br>電話：<inputtype="tel"name="phone"placeholder="請輸入電話號碼"></br>郵箱：<inputtype="email"name="email"placeholder="請輸入注冊郵箱"></br>誕辰：<inputtype="date"name="birthday"></br>興趣喜好：<inputtype="checkbox"name="interser[]value="籃球">籃球<inputtype="checkbox"name="interser[]value="足球">足球<inputtype="checkbox"name="interser[]value="舞蹈">舞蹈<inputtype="checkbox"name="interser[]value="看電影">看電影</br>顏色喜好：1<inputtype="color">2<inputtype="color">3<inputtype="color"></br>建議：<textareaname="suggeer"rows="3"cols="50">請輸入對本課程的建議</textarea></br><inputtype="submit"name="submitup"value="<inputtype="reset"name="restup"value="</form>

提交"/>重交">2.繪制一個邊框為藍色粗細為

2個像素，填補為紅色，寬和高分別是

300，200的矩形。要寫出

HTML5代碼和相應(yīng)的

JavaScript

代碼。答：<!doctypehtml><html><head><metacharset="utf-8"><title>畫矩形</title>

溫馨提示

  • 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)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論