摘 要:本文從HTML的起源、基本概念、常用標(biāo)識這三個(gè)方面介紹了HTML 語言，并通過一個(gè)應(yīng)用實(shí)例來熟悉HTML語言的編寫。

關(guān)鍵詞: HTML;基本結(jié)構(gòu);標(biāo)識

中圖分類號:TP393.092 文獻(xiàn)標(biāo)識碼:A 文章編號:1674-7712 (2012) 12-0054-02

現(xiàn)在的具有網(wǎng)頁制作效果的越來越吸引大家的關(guān)注， 但是如何能夠高效快速地在自己網(wǎng)頁里面添加效果，這就需要用戶了解特效代碼的編寫，然后把代碼插入到相應(yīng)的網(wǎng)頁中， 這些特效代碼就能通過標(biāo)記語言HTML 來實(shí)現(xiàn)，利用HTML 可創(chuàng)建超鏈接、表格、列表及能夠進(jìn)行交互信息的表單，可對文本格式化， 設(shè)置特效文字， 把圖像、動(dòng)畫及音頻等多種信息嵌入到在頁面中去。熟悉掌握HTML語言后，通過添加HTML代碼網(wǎng)頁中，實(shí)現(xiàn)網(wǎng)頁的特殊效果。

一、HTML的起源

HTML作為定義萬維網(wǎng)的基本規(guī)則之一，最初由蒂姆?本尼斯李(Tim Berners-Lee)于1989年在CERN(Conseil Europeen pour la Recherche Nucleaire)研制出來。HTML的設(shè)計(jì)者是這樣考慮的:HTML格式將允許科學(xué)家們透明地共享網(wǎng)絡(luò)上的信息，即使這些科學(xué)家使用的計(jì)算機(jī)差別很大。因此，這種格式必須具備如下幾個(gè)特點(diǎn):

獨(dú)立于平臺(tái)，即獨(dú)立于計(jì)算機(jī)硬件和操作系統(tǒng)。這個(gè)特性對各種受從是至關(guān)重要的，因?yàn)樵谶@個(gè)特性中，文檔可以在具有不同性能(即字體、圖形和顏色差異)的計(jì)算機(jī)上以相似的形式顯示文檔內(nèi)容;除了windows系統(tǒng)的電腦，我們也可以使用安卓系統(tǒng)的手機(jī)、MAC等其他機(jī)器進(jìn)行瀏覽。

超文本，允許文檔中的任何文字或詞組參照另一文檔，這個(gè)特性將允許用戶在不同計(jì)算機(jī)中的文檔之間及文檔內(nèi)部漫游;

精確的結(jié)構(gòu)化文檔，該特性將允許某些高級應(yīng)用，如HTML文檔和其他格式文檔間互相轉(zhuǎn)換以及搜索文本數(shù)據(jù)庫。

HTML的開發(fā)目的是為了在計(jì)算機(jī)、網(wǎng)絡(luò)及操作系統(tǒng)之間傳送和顯示信息。一旦這些信息網(wǎng)頁建立起來，文本文件和圖像即可通過Web服務(wù)器應(yīng)用程序傳送給用戶，Web服務(wù)器應(yīng)用程序簡單地從磁盤中讀取它們并且把輸出轉(zhuǎn)換成能夠在計(jì)算機(jī)網(wǎng)絡(luò)中傳送的正確HTTP協(xié)議。用戶通過瀏覽器接收傳送到的信息流，在客戶端并轉(zhuǎn)換成為能夠顯示的頁面。

二、HTML的基本概念

HTML語言是由一系列HTML標(biāo)簽組成的，瀏覽器可以將標(biāo)簽解釋成具體的內(nèi)容，如超級鏈接、標(biāo)題、段落、列表等。即我們平時(shí)所見到的網(wǎng)頁，就是HTML語言在瀏覽器中顯示的結(jié)果。

HTML 文件其實(shí)是一個(gè)純文本文件，可以使用winodws自帶的記事本、寫字板等來進(jìn)行編寫，也可以使用WPS、WODR來編寫，唯一注意的是在存盤的時(shí)候文件擴(kuò)展名。

根據(jù)HTML語法編寫的文件都叫HTML 文件。我們編寫完HTML代碼后，在文件保存時(shí)，一定要保存為純文本文件，擴(kuò)展名務(wù)必為:，htm或.html。

HTML是一種標(biāo)準(zhǔn)，一種規(guī)范，要顯示的網(wǎng)頁中的各個(gè)部分是通過標(biāo)記符號來標(biāo)記。網(wǎng)頁通過在文本文件中添加標(biāo)記符，可以告訴WEB瀏覽器如何顯示其中的內(nèi)容，WEB瀏覽器就起到一個(gè)解釋和執(zhí)行的作用。

(一) 標(biāo)簽

HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)，由尖括號包圍的關(guān)鍵詞，比如 。它分為單標(biāo)簽、雙標(biāo)簽。HTML使用標(biāo)簽來規(guī)定元素的屬性及它在文件中的位置 。

單標(biāo)簽就是單獨(dú)使用就能完整地表達(dá)意思，語法是:< 標(biāo)簽名稱>。

雙標(biāo)簽它由“開始標(biāo)簽”、“結(jié)尾標(biāo)簽”兩部分構(gòu)成，標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽 ，必須成對使用，開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽 。其中開始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能，而結(jié)尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。開始標(biāo)簽前加一個(gè)斜杠(/)即成為結(jié)尾標(biāo)記。這類標(biāo)記的語法是:<標(biāo)簽> 內(nèi)容。其中“內(nèi)容” 部分就是要被這對標(biāo)記施加作用的部分。

在HTML標(biāo)簽中可以包含些屬性來修改標(biāo)簽的行為，各屬性之間無先后次序，屬性也可省略(即取默認(rèn)值)。其語法是:< 標(biāo)簽名字屬性1 屬性2 屬性3 … >。例如，使用

標(biāo)簽的 ALIGN 屬性，你可以更改缺省的段落對齊方式(左對齊)。例如，

就可以使它后面的段落居中。

(二) 基本結(jié)構(gòu)

HTML文件的基本結(jié)構(gòu)由文檔頭與文檔體兩大部分，在文檔頭里，對這個(gè)文檔頭部信息進(jìn)行了一些必要的定義，如網(wǎng)頁的標(biāo)題等。文檔體中才是要在瀏覽器中顯示的圖像、文本、表格等信息。

頭部信息

文檔主體，正文部分

1.

用來標(biāo)識Html文檔的起始，而標(biāo)志用來標(biāo)識Html文檔的結(jié)束，它放在Html文檔的最后，兩個(gè)標(biāo)志必須成對使用。

2.

和用來標(biāo)識Html的頭部信息，比如在...中插入這對雙標(biāo)簽的話，就可以在瀏覽器的標(biāo)題欄中顯示網(wǎng)頁標(biāo)題的內(nèi)容。標(biāo)志對里邊的內(nèi)容不會(huì)在瀏覽器的框架內(nèi)顯示出。兩個(gè)標(biāo)志也必須成對的使用。

3.

是Html文檔的主體內(nèi)容，一般在瀏覽器的正文框架內(nèi)顯示。在瀏覽器的框內(nèi)可以顯示文本、圖像、表格等內(nèi)容，所以在 標(biāo)志對之間可添加、、等標(biāo)志。這對標(biāo)志也必須成對使用才有效。

三、HTML常用標(biāo)識

HTML 的標(biāo)識符很多，限于篇幅，下面重點(diǎn)介紹幾個(gè)常用又有代表性標(biāo)識符。

(一) < hn>…< /hn>標(biāo)識

……是網(wǎng)頁標(biāo)題的標(biāo)志對。顯示標(biāo)題的字號最大，而顯示標(biāo)題的字號最小。

(二) …標(biāo)識

…是用來顯示文本形狀的標(biāo)識符，對文本在瀏覽器上顯示的的字體大小、文本顏色的屬性進(jìn)行設(shè)置。例:文本的顏色是黃色、大小是10號字

(三) 標(biāo)識

是圖像標(biāo)識符。功能是在當(dāng)前網(wǎng)頁的位置中顯示一張圖片。格式為:。 src屬性的值是圖形文件的地址，可以是相對地址、絕對地址或是網(wǎng)址。實(shí)際上就是通過路徑將圖形文件嵌入到您的文檔中。，例如:。

(四) < a>…< /a>標(biāo)識

< a>…< /a>這是HTML的超鏈接的標(biāo)識符。格式為:

hypertext|graph

標(biāo)簽表示一個(gè)鏈接的開始，表示鏈接的結(jié)束;屬性“href”定義了這個(gè)鏈接所指的地方;通過點(diǎn)擊“hypertext|graph”可以到達(dá)指定的文件。使用超級鏈接可以從一個(gè)頁面直接跳轉(zhuǎn)到其他的頁面 、播放音樂、播放視頻等。

(五)表格標(biāo)識

一個(gè)表格將由數(shù)個(gè)行、單元格與標(biāo)題格組成。

...:定義表格區(qū)段。

...:表格標(biāo)題。

...:表頭。

...:表格行。

...:表格中的單元格。

...這對雙標(biāo)簽用來表示表格的開始與結(jié)束;...這對雙標(biāo)簽用來表示表格行的開始于結(jié)束;...這對雙標(biāo)簽用來表示行中的數(shù)據(jù);...這對雙標(biāo)簽用來表示表頭中的數(shù)據(jù);...、...都必須在...中使用才有效。

四、應(yīng)用實(shí)例

對HTML語言結(jié)構(gòu)有了大致的了解之后，我們不妨舉個(gè)例來來熟悉HTML語言的編寫。通過HTML語言的編寫，在瀏覽器上顯示出以下表格。

通訊錄

姓名

電話

住址

何仁武

08516824125

貴州省貴陽市

王斌

08518621432

貴陽市八鴿巖路

五、結(jié)束語

對于網(wǎng)頁設(shè)計(jì)來說，掌握HTML語言是成為網(wǎng)頁設(shè)計(jì)師的第一步。HTML 語言是一種面向?qū)ο笳Z言，原理上，它應(yīng)用面向?qū)ο蟮脑?操作上，HTML 重點(diǎn)在 “數(shù)據(jù)呈現(xiàn)”，而非 “數(shù)據(jù)運(yùn)算”; HTML 非常易學(xué)易用，為了與世界更多的人進(jìn)行交流，掌握HTML 創(chuàng)作WWW面，建立自己的WWW 信息服務(wù)是很有意義的。