學(xué)習(xí)網(wǎng)頁制作，用戶應(yīng)該首先了解HTML。根據(jù)W3C網(wǎng)頁規(guī)范化設(shè)計要求，網(wǎng)頁應(yīng)該遵循結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Be-havior）的分離。

?結(jié)構(gòu)：使用HTML設(shè)計網(wǎng)頁標(biāo)簽，即網(wǎng)頁結(jié)構(gòu)和內(nèi)容。

?表現(xiàn)：使用CSS設(shè)計網(wǎng)頁樣式，即網(wǎng)頁顯示效果。

?行為：使用JavaScript和DOM規(guī)范設(shè)計網(wǎng)頁腳本，即網(wǎng)頁特效、動畫或者行為。因此，讀者應(yīng)該先掌握HTML語言基本語法和用法，能夠熟練使用HTML標(biāo)簽。

認(rèn)識HTML

HTML表示超文本標(biāo)識語言，使用HTML標(biāo)簽編寫的文檔稱為HTML文檔，目前最新版本是HTML 5.0，使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構(gòu)建標(biāo)準(zhǔn)化網(wǎng)頁，因為它把結(jié)構(gòu)和表現(xiàn)混淆在一起，例如，HTML把不同類型的元素，如描述性元素color、i等和結(jié)構(gòu)性元素div、table等，以及元素屬性放在一起，為以后的維護(hù)和管理埋下隱患。XHTML是HTML語言的升級版本，與HTML在語法和標(biāo)簽使用方面差別不大。熟悉HTML語言，再熟悉標(biāo)準(zhǔn)結(jié)構(gòu)和規(guī)范，也就熟悉了XHTML語言。

HTML表示超文本標(biāo)識語言，使用HTML標(biāo)簽編寫的文檔稱為HTML文檔，目前最新版本是HTML 5.0，使用最廣泛的是HTML 4.1版本。早期的HTML版本不適合構(gòu)建標(biāo)準(zhǔn)化網(wǎng)頁，因為它把結(jié)構(gòu)和表現(xiàn)混淆在一起，例如，HTML把不同類型的元素，如描述性元素color、i等和結(jié)構(gòu)性元素div、table等，以及元素屬性放在一起，為以后的維護(hù)和管理埋下隱患。XHTML是HTML語言的升級版本，與HTML在語法和標(biāo)簽使用方面差別不大。熟悉HTML語言，再熟悉標(biāo)準(zhǔn)結(jié)構(gòu)和規(guī)范，也就熟悉了XHTML語言。

在網(wǎng)頁設(shè)計時，HTML作為一種網(wǎng)頁內(nèi)容標(biāo)識語言，易學(xué)易懂，熟悉使用該語言可以制作功能強大、美觀大方的網(wǎng)頁。HTML語言的主要作用說明如下。   ?使用HTMl語言標(biāo)識文本。例如，定義標(biāo)題文本、段落文本、列表文本、預(yù)定義文本等。

?使用HTML語言建立鏈接，通過鏈接可以訪問互聯(lián)網(wǎng)上的所有信息，當(dāng)使用鼠標(biāo)單擊超鏈接時，會自動跳轉(zhuǎn)到鏈接頁面。

?使用HTML語言創(chuàng)建列表，把信息有序組織在一起，以方便瀏覽。

?使用HTMl語言在網(wǎng)頁中顯示圖像、聲音、視頻、動畫等多媒體信息，把網(wǎng)頁設(shè)計得更富沖擊力。

?使用HTML語言可以制作表格，以方便顯示大量數(shù)據(jù)。

?使用HTML語言制作表單，允許在網(wǎng)頁內(nèi)輸入文本信息，執(zhí)行其他用戶操作，方便信息互動。

HTML文檔基本結(jié)構(gòu)

HTML文檔一般都應(yīng)包含兩部分：頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個標(biāo)簽負(fù)責(zé)組織：、和。

其中標(biāo)簽標(biāo)識HTML文檔，標(biāo)簽標(biāo)識頭部區(qū)域，而標(biāo)簽標(biāo)識主體區(qū)域。一個完整的HTML文檔基本結(jié)構(gòu)如下：

可以看到，每個標(biāo)簽都是成對組成，第一個標(biāo)簽（如）表示標(biāo)識的開始位置，而第二個標(biāo)簽（如）表示標(biāo)識的結(jié)束位置。標(biāo)簽包含和標(biāo)簽，而和標(biāo)簽是并列排列。如果把上面字符代碼放置在文本文件中，然后另存為“test.html”，就可以在瀏覽器中瀏覽了。當(dāng)然，由于這個簡單的HTML文檔還沒有包含任何信息，所以在瀏覽器中是看不到任何顯示內(nèi)容的。

本文名稱：網(wǎng)頁設(shè)計的HTML基礎(chǔ)
文章轉(zhuǎn)載：http://aaarwkj.com/news/162543.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、微信公眾號、網(wǎng)站設(shè)計公司、手機網(wǎng)站建設(shè)、軟件開發(fā)、虛擬主機

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)