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

下載本文檔

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

文檔簡介

作業(yè)一．單項(xiàng)選項(xiàng)題1.以下哪個(gè)標(biāo)志用來成立一個(gè)有序列表：(C)A.<ni>B.<ul>C.<ol>D.<dl>2.在HTML5中，哪個(gè)元素用于組合標(biāo)題元素？（D）A.<group>B.<header>C.<headings>D.<hgroup>3.HTML5中不再支持下邊哪個(gè)元素？（D）PPT查察其余不再支持元素A.<q>B.<ins>C.<menu>D.<font>4.新的HTML5全局屬性，"contenteditable"用于：（B）規(guī)定元素的上下文菜單。該菜單會(huì)在用戶點(diǎn)擊右鍵點(diǎn)擊元素時(shí)出現(xiàn)。規(guī)定元素內(nèi)容是不是可編寫的。從服務(wù)器升級(jí)內(nèi)容。返回內(nèi)容在字符串中初次出現(xiàn)的地點(diǎn)。5.HTML5新增一種特別重要的功能是能夠在客戶端當(dāng)?shù)卮鏀?shù)據(jù)的WebStorage(A)長遠(yuǎn)化當(dāng)?shù)貎?chǔ)存，近似于Cookie，但沒有有效期，除非主動(dòng)刪除數(shù)據(jù)：

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

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

屬性和其余

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

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

Ruby

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

（指定被鏈接文檔【款式表文件】的地點(diǎn)）、

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

rel

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

stylesheet

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

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

all

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

type

（指定被鏈接文檔的

MIME

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

本實(shí)驗(yàn)介紹用到的此中一種方法，

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

-

選擇新建

CSS-

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

-css款式

-增添附帶

css

款式表

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

URL路徑：-

點(diǎn)擊確立。在本次實(shí)驗(yàn)的注冊(cè)頁面就是采納外面款式表進(jìn)行CSS款式設(shè)計(jì)，格式以下：<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標(biāo)簽中增添,如：<bodystyle="background-color:blue;"><p>網(wǎng)頁的背景為藍(lán)色</p></body>9.CSS中的padding、margin和float各表示什么屬性中英文背答：分別表示：內(nèi)填補(bǔ)、外邊距、浮動(dòng)。簡單描繪一下什么是css盒子模型答：CSS給

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

(content)

、內(nèi)填補(bǔ)

(padding)

、邊框(border)

和外邊距(margin)

屬性，這些屬性形成

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

+左邊框

+

左填補(bǔ)

+

內(nèi)容

+

右填補(bǔ)

+

右側(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就能夠把這幾個(gè)同樣設(shè)定的選擇器合并在一同，中間用逗號(hào)隔開E>F子選擇符CSS2選擇全部作為E元素的子元素F。E+F相鄰選擇符CSS2選擇緊貼在E元素以后F元素。E~F兄弟選擇符CSS3選擇E元素全部兄弟元素F。②偽類選擇器構(gòu)造性偽類選擇器UI元素狀態(tài)偽類選擇器③屬性選擇器④偽元素選擇器3)CSS增添了三個(gè)動(dòng)畫成效屬性（transform、taansition、animation）transform字面上就是變形，改變的意思。在CSS3中transform主要包含以下幾種：旋轉(zhuǎn)rotate、歪曲skew、縮放scale和挪動(dòng)translate以及矩陣變形matrix。Animation只應(yīng)用在頁面上已存在的DOM元素上，我們使用CSS3的Animation制作動(dòng)畫我們能夠省去復(fù)雜的js,jquery代碼。選擇器都有哪些種類，而且分別說明其作用及舉例語法格式在HTML標(biāo)簽中使用的方法。元素選擇器選擇符種類版本簡介*通配符選擇器CSS2全部元素對(duì)象。E標(biāo)簽(HTML)選擇器CSS1以HTML標(biāo)簽作為選擇符。E#myidid選擇器CSS1以獨(dú)一表記符id屬性等于myid的E對(duì)象作為選擇符。class選擇器CSS1以class屬性包含myclass的E對(duì)象作為選擇符。關(guān)系選擇器選擇符種類版本E,F分組選擇器CSS1EF包含(后輩)選擇器E>F子選擇器CSS2E+F相鄰選擇器CSS2E~F兄弟選擇符CSS3

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

功能。四．編程題編寫一個(gè)form表單，實(shí)現(xiàn)一個(gè)學(xué)生信息輸入。包含學(xué)號(hào)、姓名、性別、喜好、出生年代等。（注意首行縮進(jìn)）答：<!doctypehtml><html><head><metacharset="utf-8"><title>autocomplete</title></head><body><formaction=""method="get"autocomplete="on">學(xué)號(hào)：<inputtype="text"name="userid"placeholder="請(qǐng)輸入學(xué)號(hào)"autofocusrequired><br/>名字：<inputtype="text"name="username"placeholder="請(qǐng)輸入用戶名"autocomplete="off"><br/>密碼：<inputtype="password"name="psw"placeholder="請(qǐng)輸入密碼"><br/>性別：<inputtype="radio"name="sex"value="男"checked>男<inputtype="radio"name="sex"value="女"checked>女</br>電話：<inputtype="tel"name="phone"placeholder="請(qǐng)輸入電話號(hào)碼"></br>郵箱：<inputtype="email"name="email"placeholder="請(qǐng)輸入注冊(cè)郵箱"></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">請(qǐng)輸入對(duì)本課程的建議</textarea></br><inputtype="submit"name="submitup"value="<inputtype="reset"name="restup"value="</form>

提交"/>重交">2.繪制一個(gè)邊框?yàn)樗{(lán)色粗細(xì)為

2個(gè)像素，填補(bǔ)為紅色，寬和高分別是

300，200的矩形。要寫出

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

JavaScript

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

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論