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