《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第四章-HTML5多媒體和表格-實(shí)踐學(xué)習(xí)資料_第1頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第四章-HTML5多媒體和表格-實(shí)踐學(xué)習(xí)資料_第2頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第四章-HTML5多媒體和表格-實(shí)踐學(xué)習(xí)資料_第3頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第四章-HTML5多媒體和表格-實(shí)踐學(xué)習(xí)資料_第4頁
《使用HTML5實(shí)現(xiàn)響應(yīng)式布局》第四章-HTML5多媒體和表格-實(shí)踐學(xué)習(xí)資料_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第四章HTML5多媒體和表格實(shí)踐目標(biāo)制作網(wǎng)頁視頻播放器制作網(wǎng)頁數(shù)據(jù)網(wǎng)格任務(wù)一：制作網(wǎng)頁視頻播放器使用HTML5制作網(wǎng)頁播放器，在線播放視頻文件使用HTML5制作視頻播放頁面要求顯示影片封面、播放器的控制欄，提供mp4、webm、ogg三種文件的播放如果瀏覽器不支持HTML5，需要在頁面上提示用戶“你的瀏覽器不支持HTML5”，同時(shí)提供Flash的方式播放備用的視頻文件創(chuàng)建HTML5頁面，在頁面中創(chuàng)建video標(biāo)簽。設(shè)置video標(biāo)簽的屬性。編寫source標(biāo)簽，設(shè)置src屬性為視頻播放地址，type屬性設(shè)置視頻格式，包括mp4、webm、ogv三種格式的視頻文件及視頻解碼。編寫object標(biāo)簽，嵌入Flash播放器，調(diào)用本地的備用視頻文件，同時(shí)編寫一段提示文本。制作網(wǎng)頁視頻播放器制作網(wǎng)頁音樂播放器使用HTML5制作網(wǎng)頁音樂播放器要求顯示播放器的控制欄，能夠自動(dòng)循環(huán)播放本地的mp3文件。如果瀏覽器不支持HTML5，需要在頁面上提示用戶“你的瀏覽器不支持HTML5”任務(wù)二：制作網(wǎng)頁數(shù)據(jù)表格制作兩個(gè)HTML5表格，分別顯示電影排行和考試成績使用HTML5制作數(shù)據(jù)表格。第一個(gè)表格顯示“電影排行2015Top10”，表頭為編號(hào)、電影名稱、預(yù)計(jì)上映日期（美國）第二個(gè)表格顯示“期中考試成績”，按分組結(jié)構(gòu)編寫，表頭為語文、數(shù)學(xué)、英語、物理、化學(xué)，在表格腳注位置，顯示表格統(tǒng)計(jì)的人數(shù)制作網(wǎng)頁數(shù)據(jù)表格創(chuàng)建HTML5頁面，在頁面中創(chuàng)建第一個(gè)表格，顯示電影排行數(shù)據(jù)。創(chuàng)建tr、th、td標(biāo)簽，構(gòu)建表格結(jié)構(gòu)。創(chuàng)建第二個(gè)表格，顯示期中考試成績，編寫thead、tfoot、tr、th、td標(biāo)簽構(gòu)建表格，同時(shí)設(shè)置腳注的colspan屬性以合并列。制作適應(yīng)瀏覽器寬度的網(wǎng)頁表格使用HTML5制作自動(dòng)適應(yīng)瀏覽

溫馨提示

  • 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)論