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

下載本文檔

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

文檔簡介

作業(yè)單項選項題以下哪個標記用來建立一個有序列表：(C)A.<ni>B.<ul>C.<ol>D.<dl>在HTML5中，哪個元素用于組合標題元素？〔D〕A.<group>B.<header>C.<headings>D.<hgroup>HTML5中不再支持下面哪個元素？〔D〕PPT查看其他不再支持元素A.<q>B.<ins>C.<menu>D.<font>新的HTML5全局屬性，"contenteditable"用于：〔B〕A.規(guī)定元素的上下文菜單。該菜單會在用戶點擊右鍵點擊元素時出現(xiàn)。B.規(guī)定元素內(nèi)容是否是可編輯的。C.從效勞器升級內(nèi)容。D.返回內(nèi)容在字符串中首次出現(xiàn)的位置。HTML5新增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的WebStorage功能。其中(A)持久化本地存儲，類似于Cookie，但沒有有效期，除非主動刪除數(shù)據(jù)：A.localStorageB.SessionStorage(數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當會話結(jié)束后數(shù)據(jù)也隨之銷毀，非持久化)C.WebSQLD.創(chuàng)立可拖動的元素在HTML5中，哪個屬性用于規(guī)定輸入字段是必填的？〔A〕A.requiredB.formvalidateC.validateD.placeholder哪種輸入類型定義滑塊控件？〔D〕A.searchB.controlsC.sliderD.rangecxt.arc(100,100,100,0,Math.PI*2,true)Canvas繪制圓形的arc方法中，參數(shù)說明正確的選項是：〔D〕A.圓半徑，圓心X坐標，圓心Y坐標，開始角度，結(jié)束角度，是否順時針trun逆時針B.圓心Y坐標，圓心X坐標，圓半徑，開始角度，結(jié)束角度，是否順時針C.圓心X坐標，圓心Y坐標，圓半徑，開始角度，結(jié)束角度，是否順時針D.圓心X坐標，圓心Y坐標，圓半徑，開始角度，結(jié)束角度，是否逆時針讀取localStorage數(shù)據(jù)的方法是：〔B〕A.localStorage.getItem("鍵值");B.localStorage.getItem("鍵名");C.localStorage.loadItem("鍵值");D.localStorage.loadItem("鍵名");在一個<img>標記中決定圖片文件位置的是哪個屬性：〔C〕A:altB:titleC:srcD:hrefCanvas用于填充顏色的屬性是：〔A〕A.fillStyle填充色B.fillRectC.lineWidth線條寬度D.strokeRect不是HTML5特有的存儲類型是：〔B〕A、localStorageB、CookieC、ApplicationCache應(yīng)用緩存D、sessionStorage二、填空題在<input>標簽中將type屬性設(shè)置為radio即可定義單項選擇按鈕。查看關(guān)于INPUT標記的屬性為了使元素可拖動，把draggable屬性設(shè)置為true。在拖放過程，開始拖動元素會觸發(fā)dragstar事件，松開鼠標時會觸發(fā)drop事件。元素拖動在CSS3中，可以使用border-raidus屬性實現(xiàn)圓角效果。盒子陰影透明度等新增的如下列圖為一個border為1px的div塊，總寬度為300px〔包括border〕，陰影區(qū)為padding-left:50px左側(cè)內(nèi)邊距;，那么此div的width應(yīng)設(shè)置為248px。在CSS3中可以使用transitaion屬性和其他CSS屬性〔顏色、寬高、變形、位置等〕配合實現(xiàn)動畫效果。三、簡答題寫出標準的html5頁面結(jié)構(gòu)。<!doctypehtml><html><head><metacharset="utf-8"><title>無標題文檔</title></head><body>網(wǎng)頁內(nèi)容</body></html>分別寫出HTML5新增的語義標簽及作用答：元素名作用section表示頁面中的一個內(nèi)容區(qū)塊，比方章節(jié)、頁眉、頁腳或頁面中的其他局部。它可以與h1、h2、h3、h4、h5、h6等元素結(jié)合起來使用標記文檔結(jié)構(gòu)。article表示頁面中的一塊與上下文不相關(guān)的獨立內(nèi)容，例如博客中的一篇文章。aside表示article元素內(nèi)容之外的，與article元素內(nèi)容相關(guān)的輔助信息。header表示頁面中一個內(nèi)容區(qū)塊或整個頁面的標題。hgroup用于整個頁面或頁面中一個內(nèi)容區(qū)塊的標題進行組合。footer表示整個頁面或頁面中一個內(nèi)容區(qū)塊的腳注。一般來說，它會包含創(chuàng)作者的姓名，創(chuàng)立日期及創(chuàng)作者聯(lián)系信息。nav表示頁面中導(dǎo)航鏈接的局部figure表示一段獨立的流內(nèi)容，一般表示文檔主體流內(nèi)容中的一個獨立單元，使用figcaption元素為figure元素組添加標題。

<audio> 標記定義音頻內(nèi)容

<canvas> 標記定義圖片

<command>標記定義一個命令按鈕

<datalist> 標記定義一個下拉列表

<details> 標記定義一個元素的詳細內(nèi)容

<dialog> 標記定義一個對話框(會話框)

<embed>標記定義外部的可交互的內(nèi)容或插件

<keygen>標記定義表單里一個生成的鍵值

<mark> 標記定義有標記的文本

<meter> 標記定義measurementwithinapredefinedrange

<output> 標記定義一些輸出類型

<progress>標記定義任務(wù)的過程

<rp> 標記是用在Rubyannotations告訴那些不支持Ruby元素的瀏覽器如何去顯示

<rt> 標記定義對rubyannotations的解釋

<ruby> 標記定義rubyannotations.

<section>標記定義一個區(qū)域

<source> 標記定義媒體資源

<time> 標記定義一個日期/時間

<video> 標記定義一個視頻簡述<form>標記中method和action屬性的作用。答：method屬性作用是將表單數(shù)據(jù)從客戶端傳送到效勞器的方法，分別為post和get方法，post方法比擬平安和常用；action屬性作用是指定處理表單的效勞端程序，可以是程序或腳本的一個完整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。什么是拖放？答：拖放可以分為兩個動作，即拖拽〔drag〕和放開〔drop〕。拖拽〔drag〕：移動鼠標到指定對象，按下左鍵，然后拖動。放開〔drop〕：放開鼠標左鍵，放下對象。行內(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類型〕外部樣式表種類：一種是layout.css文件專門是布局用的樣式，另一種是添加外部內(nèi)容的樣式一般命名為style.css添加外部樣式表有多種方法：本實驗介紹用到的其中一種方法，第一步：選擇菜單欄中的文件功能-選擇新建CSS-命名layout.css；第二步：選擇菜單欄中的格式功能-css樣式-添加附加css樣式表-在彈出的鏈接外部樣式表窗口中添加外部樣式文件URL路徑：layout.css-點擊確定。在本次實驗的注冊頁面就是采用外部樣式表進行CSS樣式設(shè)計，格式如下：<HEAD><linkhref="layout.css"rel="stylesheet"type="text/css"></HEAD>添加外部內(nèi)容的樣式一般命名為style.css，操作方法同上，格式如下：<HEAD><linkrel="stylesheet"type="text/css"href="style.css"/></HEAD>行內(nèi)樣式表：在HTML元素中使用style屬性可以指定該元素的CSS樣式，這種應(yīng)用稱為行內(nèi)樣式表。直接在body標簽中添加,如：<bodystyle="background-color:blue;"><p>網(wǎng)頁的背景為藍色</p></body>CSS中的padding、margin和float各表示什么屬性中英文背答：分別表示：內(nèi)填充、外邊距、浮動。簡單描述一下什么是css盒子模型答：CSS給HTML元素都賦予了內(nèi)容(content)、內(nèi)填充(padding)、邊框(border)和外邊距(margin)屬性，這些屬性形成CSS盒模型。整個盒模型在頁面中所占的寬度是由左邊界+左邊框+左填充+內(nèi)容+右填充+右邊框+右邊界組成。簡述CSS3有哪些新特性？-HSL顏色表現(xiàn)方法。八大屬性：圓角效果〔border-radius〕多彩邊框陰影〔box-shadow〕背景圖片尺寸〔background-size〕多列〔column-count〕嵌入字體〔@font-face〕透明度〔opacity〕HSL和HSLA顏色表現(xiàn)方法四大類〔關(guān)系選擇器、偽類選擇器、屬性選擇器、偽元素選擇器〕關(guān)系選擇器選擇符名稱版本簡介E

F包含選擇符CSS1選擇所有被E元素包含的F元素。E,F分組選擇器CSS1就可以把這幾個相同設(shè)定的選擇器合并在一起，中間用逗號隔開E>F子選擇符CSS2選擇所有作為E元素的子元素F。E+F相鄰選擇符CSS2選擇緊貼在E元素之后F元素。E~F兄弟選擇符CSS3選擇E元素所有兄弟元素F。偽類選擇器結(jié)構(gòu)性偽類選擇器UI元素狀態(tài)偽類選擇器屬性選擇器偽元素選擇器CSS添加了三個動畫效果屬性〔transform、taansition、animation〕transform字面上就是變形，改變的意思。在CSS3中transform主要包括以下幾種：旋轉(zhuǎn)rotate、扭曲skew、縮放scale和移動translate以及矩陣變形matrix。Animation只應(yīng)用在頁面上已存在的DOM元素上，我們使用CSS3的Animation制作動畫我們可以省去復(fù)雜的js,jquery代碼。CSS3.0選擇器都有哪些類型，并且分別說明其作用及舉例語法格式在HTML標簽中使用的方法。元素選擇器選擇符 類型 版本 簡介* 通配符選擇器 CSS2 所有元素對象。E 標簽(HTML)選擇器 CSS1 以HTML標簽作為選擇符。E#myid id選擇器 CSS1 以唯一標識符id屬性等于myid的E對象作為選擇符。E.myclass class選擇器 CSS1 以class屬性包含myclass的E對象作為選擇符。關(guān)系選擇器選擇符 類型 版本 簡介E,F 分組選擇器 CSS1 就可以把這幾個相同設(shè)定的選擇器合并在一起，中間用逗號隔開EF 包含(后代)選擇器 CSS1 選擇所有被E元素包含的F元素E>F 子選擇器 CSS2 選擇所有作為E元素的子元素FE+F 相鄰選擇器 CSS2 選擇緊貼在E元素之后F元素E~F 兄弟選擇符 CSS3 選擇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元素結(jié)構(gòu)性偽類選擇器選擇符 版本 簡介E:root CSS3 匹配E元素在文檔的根元素。E:first-child CSS2 匹配父元素的第一個子元素E。E:last-child CSS3 匹配父元素的最后一個子元素E。E:only-child CSS3 匹配父元素僅有的一個子元素E。E:nth-child(n) CSS3 匹配父元素的第n個子元素E。E:nth-last-child(n) CSS3 匹配父元素的倒數(shù)第n個子元素E。E:first-of-type CSS3 匹配同類型中的第一個同級兄弟元素E。E:last-of-type CSS3 匹配同類型中的最后一個同級兄弟元素E。E:only-of-type CSS3 匹配同類型中的唯一的一個同級兄弟元素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。UI元素狀態(tài)偽類選擇器選擇符 版本 簡介E:checked CSS3 匹配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabled CSS3 匹配用戶界面上處于可用狀態(tài)的元素E。E:disabled CSS3 匹配用戶界面上處于禁用狀態(tài)的元素E。E:read-only CSS3 匹配用戶界面上處于只讀狀態(tài)的元素EE:read-write CSS3 匹配用戶界面上處于讀寫狀態(tài)的元素E屬性選擇器選擇符 版本 簡介E:checked CSS3 匹配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabled CSS3 匹配用戶界面上處于可用狀態(tài)的元素E。E:disabled CSS3 匹配用戶界面上處于禁用狀態(tài)的元素E。E:read-only CSS3 匹配用戶界面上處于只讀狀態(tài)的元素EE:read-write CSS3 匹配用戶界面上處于讀寫狀態(tài)的元素E偽元素選擇器選擇符 版本 簡介E:checked CSS3 匹配用戶界面上處于選中狀態(tài)的元素E。(用于inputtype為radio與checkbox時)E:enabled CSS3 匹配用戶界面上處于可用狀態(tài)的元素E。E:disabled CSS3 匹配用戶界面上處于禁用狀態(tài)的元素E。E:read-only CSS3 匹配用戶界面上處于只讀狀態(tài)的元素EE:read-write CSS3 匹配用戶界面上處于讀寫狀態(tài)的元素EHTML5用什么標記播放音頻？主要支持的音頻格式有哪些？答：標記：<audio>；格式：mov、mp4、wav。HTML5用什么標記播放視頻？主要支持的視頻格式有哪些？答：標記：<video>；格式ogg、MPEG4、WebM、〔注意：flv不支持〕。簡述什么是HTML5的WebStorage功能？包括哪些技術(shù)？它們的區(qū)別是什么？答：HTML5新增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的WebStorage功能。其中l(wèi)ocalStorage持久化本地存儲，類似于Cookie，但沒有有效期，除非主動刪除數(shù)據(jù)。另一種sessionStorage用于本地存儲一個會話中的數(shù)據(jù)，這些數(shù)據(jù)只在同一個會話中的頁面才能訪問并且當會話結(jié)束后數(shù)據(jù)也隨之銷毀，類似于session。四．編程題編寫一個form表單，實現(xiàn)一個學生信息輸入。包含學號、姓名、性別、愛好、出生年月等。〔注意首行縮進〕答：<!doctypehtml><html><head><metacharset="utf-8"><title>autocomplete</title></head><body><formaction=""method="get"autocomplete="on">學號：<inputtype="text"name="userid"placeholder="請輸入學號"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個像素，填充為紅色，寬和高分別是300，200的矩形。要寫出HTML5代碼和相應(yīng)的JavaScript代碼。答：<!doctypehtml><html><head><metacharset="utf-8"><title>畫矩形</title></head><body><canvasid="myCanvas"height=500width=500>您的瀏覽器不支持canvas。</canvas><scripttype="text/javascript"> functiondrawRect() { varc=document.get

溫馨提示

  • 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

提交評論