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

下載本文檔

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

文檔簡(jiǎn)介

1、1.2.3.4.5.6.7.單項(xiàng)選項(xiàng)題作業(yè)以下哪個(gè)標(biāo)記用來建立一個(gè)有序列表：（A.< ni>B. <ul> C. <ol> D. <dl>在 HTML5中，哪個(gè)元素用于組合標(biāo)題元素A. vgroup>B. <header>C. <headi ngs>D. vhgro up>HTML5中不再支持下面哪個(gè)元素A. <q>B. <i ns>C. <me nu>D. <fo nt>PPT查看其他不再支持元素新的 HTML5 全局屬性，"contenteditab

2、le"A. 規(guī)定元素的上下文菜單。該菜單會(huì)在用戶點(diǎn)擊右鍵點(diǎn)擊元素時(shí)出現(xiàn)。B. 規(guī)定元素內(nèi)容是否是可編輯的。C.從服務(wù)器升級(jí)內(nèi)容。D.返回內(nèi)容在字符串中首次出現(xiàn)的位置。用于： （B ）HTML5新增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的WebStorage功能。其中（A ）持久化本地存儲(chǔ)，類似于Cookie，但沒有有效期，除非主動(dòng)刪除數(shù)據(jù)：A. localstorageB" Sessio nStorage（數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀，非持久化）D.創(chuàng)建可拖動(dòng)的元素在 HTML5中，哪個(gè)屬性用于規(guī)定輸入字段是必填的哪種輸入類型定義滑

3、塊控件8.繪制圓形的 arc方法中，參數(shù)說明正確的是:Y坐標(biāo)，開始角度，結(jié)束角度，是否順時(shí)針trun 逆時(shí)(100,100,100,0,*2,true) Can vas(D )A.圓半徑，圓心X坐標(biāo)，圓心9.10.11.12.針B.C.D.圓心Y坐標(biāo)，圓心X坐標(biāo)，圓心X坐標(biāo)，讀取A. (”B. ("C. ("圓心圓心圓心X坐標(biāo),Y坐標(biāo),Y坐標(biāo),圓半徑,圓半徑,圓半徑,開始角度,開始角度,開始角度,結(jié)束角度，是否順時(shí)針 結(jié)束角度，是否順時(shí)針 結(jié)束角度，是否逆時(shí)針localStorage 數(shù)據(jù)的方法是：（ 鍵值”）； 鍵名"）;鍵值"）;"鍵名&q

4、uot;);在一個(gè)img標(biāo)記中決定圖片文件位置的是哪個(gè)屬性：（A: alt B: title C: src D: hrefCan vas用于填充顏色的屬性是：(A. fillStyle填充色B. fillRectC. li neWidth線條寬度D. strokeRect不是HTML5特有的存儲(chǔ)類型是：(A localStorageB CookieC Application Cache應(yīng)用緩存D sessi on Storage二、填空題1.在input標(biāo)簽中將type屬性設(shè)置為radio即可定義單選按鈕。查看關(guān)于5.INPUT標(biāo)記的屬性2.為了使元素可拖動(dòng)，把 draggable屬性設(shè)置為t

5、rue。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ū)為px 。padding-left:5Opx左側(cè)內(nèi)邊距；，那么此div的width應(yīng)設(shè)置為 2486. 在CSS3中可以使用transitaion屬性和其他CSS屬性（顏色、寬高、變形、位置等）配合實(shí)現(xiàn)動(dòng)畫效果。三、簡(jiǎn)答題1.寫出標(biāo)準(zhǔn)的html5頁面結(jié)構(gòu)。<!doctype html><h

6、tml><head><meta charset="utf-8"><title>無標(biāo)題文檔</title></head><body> 網(wǎng)頁內(nèi)容</body></html> 2.分別寫出HTML5新增的語義標(biāo)簽及作用答:元素名作用sect ion表示頁面中的一個(gè)內(nèi)容區(qū)塊，比如章節(jié)、頁眉、頁腳或頁面中的其他部分。它可以與 素結(jié)合起來使用標(biāo)記文檔結(jié)構(gòu)。h1、 h2、article表示頁面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容，例如博客中的一篇文章。aside表示article元素內(nèi)容之外

7、的，與 article元素內(nèi)容相關(guān)的輔助信息。header表示頁面中一個(gè)內(nèi)容區(qū)塊或整個(gè)頁面的標(biāo)題。hgro up用于整個(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)容<ca nvas>標(biāo)記定義圖片<comma nd>標(biāo)記定義一個(gè)命令按鈕<datalist>標(biāo)記定義一個(gè)下拉列表<detail

8、s>標(biāo)記定義一個(gè)元素的詳細(xì)內(nèi)容<dialog>標(biāo)記定義一個(gè)對(duì)話框 （ 會(huì)話框 ）<embed>標(biāo)記定義外部的可交互的內(nèi)容或插件<keygen>標(biāo)記定義表單里一個(gè)生成的鍵值<mark>標(biāo)記定義有標(biāo)記的文本<meter><output>標(biāo)記定義一些輸出類型<progress>標(biāo)記定義任務(wù)的過程標(biāo)記定義 measurement within apredefined range<rp>標(biāo)記是用在 Ruby annotations 告訴那些不支持 Ruby 元素的瀏覽器如何去顯示<rt>標(biāo)記

9、定義對(duì) rubyannotations 的解釋<ruby>標(biāo)記定義 ruby annotations.<section>標(biāo)記定義一個(gè)區(qū)域<source>標(biāo)記定義媒體資源<time>標(biāo)記定義一個(gè)日期 / 時(shí)間<video>標(biāo)記定義一個(gè)視頻3. 簡(jiǎn)述form標(biāo)記中method和action屬性的作用。答：method屬性作用是將表單數(shù)據(jù)從客戶端傳送到服務(wù)器的方法，分別 為 post 和 get 方法， post 方法比較安全和常用； action 屬性作用是指定處 理表單的服務(wù)端程序，可以是程序或腳本的一個(gè)完整URL。4. HTML5中新

10、增了類型的新表單元素作用分別是什么答：類型：作用text ：設(shè)置單行文本框元素email ：表示當(dāng)前 input 標(biāo)簽接受一個(gè)郵箱的輸入tel ：接受電話輸入url ：只接受輸入網(wǎng)址nunber ：表示當(dāng)前標(biāo)簽只接受數(shù)字類型輸入rang ：設(shè)置滑塊控件元素clolr ：顏色選擇date ：日期選擇器類型 password ： 設(shè)置密碼元素 file ：設(shè)置文件元素 hidden ： 設(shè)置隱藏元素，不會(huì)被瀏覽者看到，用于在不同頁面中傳遞域中所設(shè)定的值 radio ：設(shè)置單選框元素checkbox : butt on submitreset :Image：設(shè)置復(fù)選框元素:設(shè)置普通按鈕元素:設(shè)置提交

11、按鈕元素 設(shè)置重置按鈕元素 設(shè)置圖像域（圖像按鈕）元素5.寫出HTML5表單中新增的屬性及其作用。答:【屬性：作用】min和max:HTML5新增加的屬性，表示當(dāng)前輸入框輸入的最小和最大值steP : HTML5新增加的屬性，是步長(zhǎng)的意思，也就是在點(diǎn)擊增大或者減小的時(shí)候的增 加或減少的步長(zhǎng)P laceholder ，提示信息autocomplete : form或input域是否擁有自動(dòng)完成功能 下類型的 <input> 標(biāo)簽：text, search, url, date pickers, range 以及 color 。autofocus :頁面加載時(shí)，域自動(dòng)地獲得焦點(diǎn)。適用所

12、有<input> 標(biāo)簽：date（值為 tele phone,on和of ）。適用于以email,p assword,6.7.8.max min、step :適用以下類型的 placeholder :提示信息屬性。multiple :輸入域中可選擇多個(gè)值， 文件。適用于以下類型的<inp ut><i np ut>pickers 、用于文件上傳控件， 標(biāo)簽：email 和 file 。標(biāo)簽的類型。number 以及 range。設(shè)置此屬性后，允許上傳多個(gè)required :當(dāng)前文本框在提交前必須有數(shù)據(jù)輸入。適用于以下類型的text,search, url, t

13、ele phone,email,radio 以及 file 。<input> 標(biāo)簽:Password, date pickers, number, checkbox,pattern :規(guī)定用于驗(yàn)證輸入字段的模式。簽：text, search, url, tele phone, emailpattern屬性適用于以下類型的<input> 標(biāo)以及 password 。Canvas中畫圓形、畫矩形邊框、畫位圖分別用什么方法答：arc、什么是拖放stokeRect 、 drawImage 。答：拖放可以分為兩個(gè)動(dòng)作，即拖拽（drag ）和放開（drop ）。拖拽（drag ）:

14、移動(dòng)鼠標(biāo)到指定對(duì)象，按下左鍵，然后拖動(dòng)。放開（drop ）:放開鼠標(biāo)左鍵，放下對(duì)象。行內(nèi)樣式表、內(nèi)部樣式表和外部樣式表分別在HTML頁面的什么位置引用如何引用答：在HTML文檔中應(yīng)用CSS有三種樣式表，分別是：行內(nèi)樣式表、內(nèi)部樣式表和外部樣式表。其中最常用的是內(nèi)部樣式表和外部樣式表。1)內(nèi)部樣式表：在網(wǎng)頁中可以使用 style元素定義一個(gè)內(nèi)部樣式表，指定該網(wǎng)頁內(nèi)元素的CSS樣式，內(nèi)部樣式一般添加到頭部。在style元素中通?？梢允褂胻ype屬性定義內(nèi)容的類型（一般取值"text/css"）。格式如下:<head><STYLE type = "te

15、xt/css"></STYLE></head>2)外部樣式表: 含義：在HTML文檔中可以使用<link>元素引用外部樣式表。<link>元素的屬性有:href（指定被鏈接文檔【樣式表文件】的位置）、hrefla ng（指定在被鏈接文檔中的文本的語言）、rel （指定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。stylesheet，指向要導(dǎo)入的樣式表的 URL ）、media （指定被鏈接文檔將被顯示在什么設(shè)備上。all，默認(rèn)值，適用于所有設(shè)備；）、type （指定被鏈接文檔的MIME類型）外部樣式表種類：一種是文件專門是布局用的樣式，另一種

16、是添加外部?jī)?nèi)容的樣式一般命名 添加外部樣式表有多種方法：本實(shí)驗(yàn)介紹用到的其中一種方法，第一步：選擇菜單欄中的文件功能-選擇新建CSS-命名；第二步：選擇菜單欄中的格式功能-css樣式-添加附加css樣式表-在彈出的鏈接外部樣式表窗口中添加外部樣式文件URL路徑：-點(diǎn)擊確定。在本次實(shí)驗(yàn)的注冊(cè)頁面就是采用外部樣式表進(jìn)行<HEAD><li nk href="" rel="stylesheet" ty pe="text/css"></HEAD>添加外部?jī)?nèi)容的樣式一般命名為，操作方法同上，格式如下:<H

17、EAD>CSS樣式設(shè)計(jì)，格式如下:<li nk rel="stylesheet" ty pe="text/css" href="" /> </HEAD>3） 行內(nèi)樣式表：在 HTML元素中使用style屬性可以指定該元素的CSS樣式，這種應(yīng)用稱為行內(nèi)樣式表。直接在body標(biāo)簽中添加，如:<body style="backgro un d-color: blue;"<p>網(wǎng)頁的背景為藍(lán)色</p></body>9.CSS中的 padding、mar

18、gin 和 float各表示什么屬性中英文背10.答：分別表示：內(nèi)填充、外邊距、浮動(dòng)。簡(jiǎn)單描述一下什么是css盒子模型答：CSS給HTML元素都賦予了內(nèi)容(content)、內(nèi)填充(padding)、邊框(border)和外邊距(margin)屬性，這些屬性形成 CSS盒模型。整個(gè)盒模型在頁面中所占的寬度是由左邊界+左邊框+左填充+內(nèi)容+右填充+右邊框+右邊界組成。11.簡(jiǎn)述CSS3有哪些新特性-HSL顏色表現(xiàn)方法。1)八大屬性:圓角效果(border-radius ) 多彩邊框 陰影(box-shadow)背景圖片尺寸(backgrou nd-size ) 多列(column-count )

19、 嵌入字體(font-face ) 透明度(opacity )HSL和HSLA顏色表現(xiàn)方法2)四大類(關(guān)系選擇器、偽類選擇器、屬性選擇器、偽元素選擇器)關(guān)系選擇器選擇符名稱版本簡(jiǎn)介E,F包含選擇符分組選擇器CSS1CSS1選擇所有被E元素包含的F元素。就可以把這幾個(gè)相同設(shè)定的選擇器合并在一起，中間用逗號(hào)隔E>F子選擇符CSS2選擇所有作為E元素的子元素F。E+F相鄰選擇符CSS2選擇緊貼在E元素之后F元素。EF兄弟選擇符CSS31選擇E元素所有兄弟元素 F。版本筲介E:rootCSS3Erfirtt-childCSS2E®嘆元素的第£:bst-childCSS3Iff

20、lS沅t的十淀險(xiǎn)E:onik-(hildCSS3lEffiXW(有的 F気Lith-child(i)CSS3的第気偽類選擇器a.結(jié)構(gòu)性偽類選擇器選擇符版本E: checkedCSS3EienabkdCSS3E: disabledCSS3E: read-onlyCSS3E: read-writeCSS3簡(jiǎn)介匹配用戶界面上處于選中狀態(tài)的元素E. （用于mpui typ亡為怛加0與checkbox時(shí)） 匹配用戶界面上處于可用狀態(tài)的元素Ea 匹配用戶界面上處于禁用狀態(tài)的元素展HIHI匹配用戶界面上處于只讀狀態(tài)的元素E 匹配用戶界面上處于讀寫狀態(tài)的元素E1:1b. UI元素狀態(tài)偽類選擇器屬性選擇器as&

21、#171;版本ElatrCSS2Eatt='varCSS2EMWCSS2Ehtr iv汕CSS3Eatt?= *val JCSS3Eatt= var 1CSS3Eatf|=''var'CSS2選擇具有汕屬性且屬性值為ft含F(xiàn)啲字荷串的E元參3)CSS添加了三個(gè)動(dòng)畫效果屬性（tran sform、taansition、 animation ) transform 字面上就是變形,改變的意思。在 CSS3中tran sform 主 C&S3中偽亓素在以前的基礎(chǔ)上増加了一個(gè)r% 即:Tlrst- letrei;:nrst-llne,:Derore,:arTer

22、« 另夕卜他還増加了一個(gè)：:selection兩個(gè)叫：”和一個(gè)在（:孳W中主要用來區(qū)分是偽類還是偽元素這 兩種方式都是被接受的4選擇待E: Ar&t-letter/E;:first-lef terE: first-line/E-first-lin版本CSS3簡(jiǎn)介稅宜對(duì)象內(nèi)的笫 亍宇符的樣式。 設(shè)冒對(duì)象內(nèi)的羊一冇的樣式E: before/E:beforeCSS3設(shè)胃對(duì)爰前（依te梧拗址諄齢構(gòu)） 發(fā)生的內(nèi)容.ffl來和 f 屬性一起使用£: aftorZE:afterCSS3設(shè)置t對(duì)彖后（依擁對(duì)象樹的邏4 發(fā)生的內(nèi)容.用來和屬性E:selectionCSS3設(shè)畫對(duì)彖祿選

23、拝時(shí)的顔色偽元素選擇器磐具有規(guī)nS性的E元素。選擇具有旺碣性且屬性IS等于訕的E元素.選15具有就屬性且JE性值為一用空格分隔的淘列!*,其中 于口啲E元素9進(jìn)擇具有MS性且屬性值為茂口田咲的字符串的E元素O選擇具有曲屬性且屬性值為以口粘尾的字符串的E元 素。選輕具有就dS性且JS性值為決理肝頭并用連接掙分隔的 字符串的衛(wèi)元素。12.1)包括以下幾種：旋轉(zhuǎn) rotate、扭曲skew、縮放scale及矩陣變形 matrix 。 Animation只應(yīng)用在頁面上已存在的DOM元素上,的 Animation 制作動(dòng)畫我們可以省去復(fù)雜的 js,jquery和移動(dòng) translate我們使用 CSS3

24、代碼。選擇器都有哪些類型，并且分別說明其作用及舉例語法格式在HTML標(biāo)簽中使用的方法。元素選擇器選擇符 類型 版本 簡(jiǎn)介通配符選擇器CSS2 所有元素對(duì)象。E 標(biāo)簽（HTML）選擇器CSS1以HTML標(biāo)簽作為選擇符。E#myid id選擇器 CSS1以唯一標(biāo)識(shí)符id屬性等于 myid的E對(duì)象作為選擇符。class 選擇器CSS1以 class 屬性包含 myclass 的 E 對(duì)象作為選擇符。選擇符 類型版本E,F 分組選擇器CSS1E F 包含（后代 ）選擇器E>F 子選擇器CSS2E+F 相鄰選擇器CSS2EF 兄弟選擇符CSS32） 關(guān)系選擇器簡(jiǎn)介選擇緊貼在E元素之后F元素選擇 E

25、 元素所有兄弟元素 F就可以把這幾個(gè)相同設(shè)定的選擇器合并在一起，CSS1 選擇所有被 E 元素包含的 F 元素選擇所有作為 E 元素的子元素 F中間用逗號(hào)隔開3)偽類選擇器偽類用于向某些選擇器添加特殊的效果。偽類對(duì)元素進(jìn)行分類是基于特征而不是它們的名字、屬性或者內(nèi)容。選擇符類型 簡(jiǎn)介a:link鏈接偽類選擇器 設(shè)置超鏈接 a 在未被訪問前的樣式a:visited鏈接偽類選擇器 設(shè)置超鏈接 a 在其鏈接地址已被訪問過時(shí)的樣式E:hover用戶操作偽類選擇器 設(shè)置元素在其鼠標(biāo)懸停時(shí)的樣式E:active用戶操作偽類選擇器 設(shè)置元素在被用戶激活 （在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的 事件）時(shí)的樣式E:foc

26、us 用戶操作偽類選擇器 設(shè)置元素在成為輸入焦點(diǎn) （該元素的 onfocus 事件發(fā)生） 時(shí)的樣式E:lang():lang() 偽類選擇器 匹配使用特殊語言的 E 元素a. 結(jié)構(gòu)性偽類選擇器選擇符 版本簡(jiǎn)介E:root CSS3匹配 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è)子元

27、素E。E:first-of-type CSS3匹配同類型中的第一個(gè)同級(jí)兄弟元素E。E:last-of-typeCSS3匹配同類型中的最后一個(gè)同級(jí)兄弟元素E。E:only-of-typeCSS3匹配同類型中的唯一的一個(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:empty CSS3匹配沒有任何子元素(包括 text 節(jié)點(diǎn))的元素E。E。b. UI 元素狀態(tài)偽類選擇器選擇符 版本 簡(jiǎn)介E:checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E。(

28、 用于 input type 為 radio與 checkbox時(shí))E:enabledCSS3匹配用戶界面上處于可用狀態(tài)的元素E。E:disabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素E。E:read-only CSS3匹配用戶界面上處于只讀狀態(tài)的元素 EE:read-writeCSS3 匹配用戶界面上處于讀寫狀態(tài)的元素3) 屬性選擇器選擇符 版本簡(jiǎn)介E:checked CSS3 匹配用戶界面上處于選中狀態(tài)的元素E。( 用于 input type 為 radio與 checkbox 時(shí) )E:e nabledCSS3匹配用戶界面上處于可用狀態(tài)的元素E。E:disabled CSS3匹配用

29、戶界面上處于禁用狀態(tài)的元素E。E:read-o niy CSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-wnteCSS3匹配用戶界面上處于讀寫狀態(tài)的元素4）偽元素選擇器選擇符版本簡(jiǎn)介E:checkedCSS3匹配用戶界面上處于選中狀態(tài)的元素E。（用于 input type 為 radio與 checkboxE:en abledCSS3匹配用戶界面上處于可用狀態(tài)的元素E。E:disabledCSS3匹配用戶界面上處于禁用狀態(tài)的元素E。E:read-o nIy CSS3匹配用戶界面上處于只讀狀態(tài)的元素EE:read-writeCSS3匹配用戶界面上處于讀寫狀態(tài)的元素13.HTML5用什么標(biāo)

30、記播放音頻主要支持的音頻格式有哪些答： 標(biāo)記： <audio> ; 格式： mov、mp4、wav。14.HTML5用什么標(biāo)記播放視頻主要支持的視頻格式有哪些答：標(biāo)記：<video> ;格式ogg、MPEG4 WebM （注意：flv不支持）。簡(jiǎn)述什么是HTML5的Web Storage功能包括哪些技術(shù)它們的區(qū)別是什么答：HTML噺增一種非常重要的功能是可以在客戶端本地存數(shù)據(jù)的Web Storage功能。其中l(wèi)ocalStorage持久化本地存儲(chǔ)，類似于 Cookie，但沒有有效期，除非主動(dòng)刪除數(shù)據(jù)。另一種sessi on Storage用于本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù)，這

31、些數(shù)據(jù)只在同一 個(gè)會(huì)話中的頁面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀，類似于session。15.四.編程題1.編寫一個(gè)form表單，實(shí)現(xiàn)一個(gè)學(xué)生信息輸入。包含學(xué)號(hào)、姓名、性別、愛好、出生年月等。（注意首行縮進(jìn)）答:<!doct ype html><html><head><meta charset="utf-8"><title>autoco mp lete</title></head><body><form acti on="" method="

32、;get" autoco mpl ete="on">請(qǐng)輸入學(xué)號(hào)"autofocus學(xué)號(hào)：<inp ut typ e="text" n ame="userid" p laceholder="required><br/>名字：vinputtype="text"name="username" placeholder=" 請(qǐng)輸入用戶名”autoco mpl ete="off"><br/>密碼： v

33、input type="password" name="psw" placeholder="性另U： vinput type="radio" name="sex" value="vinput typ e="radio" n ame="sex" value="電話： vinput type="tel" name="phone" placeholder="由E箱：vinput type="e

34、mail" name="email"placeholder="生日：vinput typ e="date" n ame="birthday"></br>興趣愛好：vinput typ e="checkbox" n ame="i nterser value="vinput typ e="checkbox" n ame="i nterser value="vinput typ e="checkbox"

35、n ame="i nterser value="vinput typ e="checkbox" n ame="i nterser value="</br>請(qǐng)輸入密碼"><br/>男”checked> 男女"checked> 女 </br>請(qǐng)輸入電話號(hào)碼"></br>請(qǐng)輸入注冊(cè)郵箱” ></br>籃球"> 籃球 足球"> 足球 舞蹈"> 舞蹈 看電影">

36、看電影顏色愛好：1<i np ut typ e="color">2<input typ e="color">3<input typ e="color"></br>建議：<textarea name="suggeer" rows="3" cols="50"> 請(qǐng)輸入對(duì)本課程的建議</textarea></br>vinput typ e="submit" n ame="

37、;submit up" value=" vinput typ e="reset" n ame="rest up" value=" </form>提交"/> 重交">2.繪制一個(gè)邊框?yàn)樗{(lán)色粗細(xì)為2個(gè)像素，填充為紅色，寬和高分別是300, 200的矩形。答:要寫出HTML5代碼和相應(yīng)的JavaScript 代碼。<!doct ype html> <html><head><meta charset="utf-8"><

38、;title> 畫矩形 </title></head><body><canvas id="myCanvas" height=500 width=500> 您的瀏覽器不支持canvas。</canvas><scri pt typ e="text/javascri pt">function drawRect()var c=("myCa nvas"); /獲取網(wǎng)頁中的var ctx=("2d"); /獲取 canvas 對(duì)象的=2;/="blue"="red&quo

溫馨提示

  • 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. 人人文庫(kù)網(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)論