《網(wǎng)頁設(shè)計(jì)》課件-編寫第一個(gè)頁面_第1頁
《網(wǎng)頁設(shè)計(jì)》課件-編寫第一個(gè)頁面_第2頁
《網(wǎng)頁設(shè)計(jì)》課件-編寫第一個(gè)頁面_第3頁
《網(wǎng)頁設(shè)計(jì)》課件-編寫第一個(gè)頁面_第4頁
《網(wǎng)頁設(shè)計(jì)》課件-編寫第一個(gè)頁面_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

編寫第一個(gè)HTML5頁面目錄◎HTML5文件的編寫工具◎HTML5文檔的基本格式◎使用HTML5編寫簡單的Web頁面HTML5文件的編寫工具

HTML5文件實(shí)質(zhì)就是一個(gè)純文本文件，只是擴(kuò)展名為.htm或者.html，能夠用來輸入文本的編輯工具都可以用來編寫HTML5，常用的工具有NotePad++、HTML-Kit、UltralEdit、HBuilder等等，也可以使用所見即所得的Dreamweaver工具。HTML5文檔的基本格式使用HBuilder新建HTML5默認(rèn)文檔時(shí)，會(huì)自帶一些源代碼<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <title></title> </head> <body> </body></html>HTML5文檔的基本格式1.<!DOCTYPE>標(biāo)簽<!DOCTYPE>標(biāo)簽位于文檔的最前面，用于向?yàn)g覽器說明當(dāng)前文檔使用哪種HTML標(biāo)準(zhǔn)規(guī)范，HTML5文檔中的DOCTYPE聲明非常簡單，體現(xiàn)了HTML5的簡介性。只有開頭處使用<!DOCTYPE>聲明，瀏覽器才能將該頁面作為有效的HTML文檔，并按指定的文檔類型進(jìn)行解析。只有使用HTML5的DOCTYPE聲明，才會(huì)觸發(fā)瀏覽器以標(biāo)準(zhǔn)兼容模式來顯示頁面信息。HTML5文檔的基本格式2.<html>標(biāo)簽<html>標(biāo)簽位于<!DOCTYPE>標(biāo)簽之后，也被稱為根標(biāo)簽，用于告知瀏覽器其自身是一個(gè)HTML文檔，<html>文檔標(biāo)志這HTML文檔的開始，</html>標(biāo)簽標(biāo)志著HTML文檔的結(jié)束，在它們之間的是文檔的頭部<head>和主體<body>內(nèi)容。HTML5文檔的基本格式3.<head>標(biāo)簽<head>標(biāo)簽用于定義HTML文檔的頭部信息，也成為頭部標(biāo)簽，緊跟在<html>標(biāo)簽之后，主要用來封裝其他位于文檔頭部的標(biāo)簽。<meta>標(biāo)簽中charset="UTF-8"指定了代碼的字符集為“UTF-8”。<title>標(biāo)簽可以顯示網(wǎng)頁的標(biāo)題信息。一個(gè)HTML文檔只能含有一對<head>標(biāo)簽，絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示在頁面中。HTML5文檔的基本格式4.<body>標(biāo)簽<body>標(biāo)簽用于定義HTML文檔所要顯示的內(nèi)容，也成為主體標(biāo)簽。瀏覽器中顯示的所有文本、圖像、表單與多媒體元素等信息都必須位于<body>標(biāo)簽內(nèi)，<body>標(biāo)簽中的信息才是最終展示給用戶看的。一個(gè)HTML文檔只能含有一對<body>標(biāo)簽，且<body>標(biāo)簽必須在<html>標(biāo)簽內(nèi)，位于<head>頭部標(biāo)簽之后，與<head>標(biāo)簽是并列關(guān)系。注意：使用HTML5編寫簡單的Web頁面【實(shí)例1-1】編寫第一HTMl5文件<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title>第一個(gè)HTML5頁面</title> </head> <body>

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(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ǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論