學(xué)習(xí)網(wǎng)頁(yè)制作，用戶應(yīng)該首先了解HTML。根據(jù)W3C網(wǎng)頁(yè)規(guī)范化設(shè)計(jì)要求，網(wǎng)頁(yè)應(yīng)該遵循結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Be-havior）的分離。
?結(jié)構(gòu)：使用HTML設(shè)計(jì)網(wǎng)頁(yè)標(biāo)簽，即網(wǎng)頁(yè)結(jié)構(gòu)和內(nèi)容。
?表現(xiàn)：使用CSS設(shè)計(jì)網(wǎng)頁(yè)樣式，即網(wǎng)頁(yè)顯示效果。
?行為：使用JavaScript和DOM規(guī)范設(shè)計(jì)網(wǎng)頁(yè)腳本，即網(wǎng)頁(yè)特效、動(dòng)畫(huà)或者行為。因此，讀者應(yīng)該先掌握HTML語(yǔ)言基本語(yǔ)法和用法，能夠熟練使用HTML標(biāo)簽。
HTML表示超文本標(biāo)識(shí)語(yǔ)言，使用HTML標(biāo)簽編寫(xiě)的文檔稱(chēng)為HTML文檔，目前最新版本是HTML 5.0，使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構(gòu)建標(biāo)準(zhǔn)化網(wǎng)頁(yè)，因?yàn)樗呀Y(jié)構(gòu)和表現(xiàn)混淆在一起，例如，HTML把不同類(lèi)型的元素，如描述性元素color、i等和結(jié)構(gòu)性元素div、table等，以及元素屬性放在一起，為以后的維護(hù)和管理埋下隱患。XHTML是HTML語(yǔ)言的升級(jí)版本，與HTML在語(yǔ)法和標(biāo)簽使用方面差別不大。熟悉HTML語(yǔ)言，再熟悉標(biāo)準(zhǔn)結(jié)構(gòu)和規(guī)范，也就熟悉了XHTML語(yǔ)言。
HTML表示超文本標(biāo)識(shí)語(yǔ)言，使用HTML標(biāo)簽編寫(xiě)的文檔稱(chēng)為HTML文檔，目前最新版本是HTML 5.0，使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構(gòu)建標(biāo)準(zhǔn)化網(wǎng)頁(yè)，因?yàn)樗呀Y(jié)構(gòu)和表現(xiàn)混淆在一起，例如，HTML把不同類(lèi)型的元素，如描述性元素color、i等和結(jié)構(gòu)性元素div、table等，以及元素屬性放在一起，為以后的維護(hù)和管理埋下隱患。XHTML是HTML語(yǔ)言的升級(jí)版本，與HTML在語(yǔ)法和標(biāo)簽使用方面差別不大。熟悉HTML語(yǔ)言，再熟悉標(biāo)準(zhǔn)結(jié)構(gòu)和規(guī)范，也就熟悉了XHTML語(yǔ)言。
在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，HTML作為一種網(wǎng)頁(yè)內(nèi)容標(biāo)識(shí)語(yǔ)言，易學(xué)易懂，熟悉使用該語(yǔ)言可以制作功能強(qiáng)大、美觀大方的網(wǎng)頁(yè)。HTML語(yǔ)言的主要作用說(shuō)明如下。 ?使用HTMl語(yǔ)言標(biāo)識(shí)文本。例如，定義標(biāo)題文本、段落文本、列表文本、預(yù)定義文本等。
?使用HTML語(yǔ)言建立鏈接，通過(guò)鏈接可以訪問(wèn)互聯(lián)網(wǎng)上的所有信息，當(dāng)使用鼠標(biāo)單擊超鏈接時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)到鏈接頁(yè)面。
?使用HTML語(yǔ)言創(chuàng)建列表，把信息有序組織在一起，以方便瀏覽。
?使用HTMl語(yǔ)言在網(wǎng)頁(yè)中顯示圖像、聲音、視頻、動(dòng)畫(huà)等多媒體信息，把網(wǎng)頁(yè)設(shè)計(jì)得更富沖擊力。
?使用HTML語(yǔ)言可以制作表格，以方便顯示大量數(shù)據(jù)。
?使用HTML語(yǔ)言制作表單，允許在網(wǎng)頁(yè)內(nèi)輸入文本信息，執(zhí)行其他用戶操作，方便信息互動(dòng)。
HTML文檔一般都應(yīng)包含兩部分：頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個(gè)標(biāo)簽負(fù)責(zé)組織：<html>、<head>和<body>。
其中<html>標(biāo)簽標(biāo)識(shí)HTML文檔，<head>標(biāo)簽標(biāo)識(shí)頭部區(qū)域，而<body>標(biāo)簽標(biāo)識(shí)主體區(qū)域。一個(gè)完整的HTML文檔基本結(jié)構(gòu)如下：
<html> <!--語(yǔ)法開(kāi)始-->
<head>
<!--頭部信息，如<title>標(biāo)簽定義的網(wǎng)頁(yè)標(biāo)題-->
</head>
<body>
<!--主體信息，包含網(wǎng)頁(yè)顯示的內(nèi)容-->
</body>
</html> <!--語(yǔ)法結(jié)束-->
可以看到，每個(gè)標(biāo)簽都是成對(duì)組成，第一個(gè)標(biāo)簽（如<html>）表示標(biāo)識(shí)的開(kāi)始位置，而第二個(gè)標(biāo)簽（如</html>）表示標(biāo)識(shí)的結(jié)束位置。<html>標(biāo)簽包含<head>和<body>標(biāo)簽，而<head>和<body>標(biāo)簽是并列排列。如果把上面字符代碼放置在文本文件中，然后另存為“test.html”，就可以在瀏覽器中瀏覽了。當(dāng)然，由于這個(gè)簡(jiǎn)單的HTML文檔還沒(méi)有包含任何信息，所以在瀏覽器中是看不到任何顯示內(nèi)容的。
當(dāng)前文章標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)的HTML基礎(chǔ)
當(dāng)前URL：http://supportcoffeeroasters.com/news/wzzz/3048.html
