淺談網頁制作語言—HTML

摘 要:本文從HTML的起源、基本概念、常用標識這三個方面介紹了HTML 語言，并通過一個應用實例來熟悉HTML語言的編寫。

關鍵詞: HTML;基本結構;標識

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

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

一、HTML的起源

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

獨立于平臺，即獨立于計算機硬件和操作系統。這個特性對各種受從是至關重要的，因為在這個特性中，文檔可以在具有不同性能(即字體、圖形和顏色差異)的計算機上以相似的形式顯示文檔內容;除了windows系統的電腦，我們也可以使用安卓系統的手機、MAC等其他機器進行瀏覽。

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

精確的結構化文檔，該特性將允許某些高級應用，如HTML文檔和其他格式文檔間互相轉換以及搜索文本數據庫。

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

二、HTML的基本概念

HTML語言是由一系列HTML標簽組成的，瀏覽器可以將標簽解釋成具體的內容，如超級鏈接、標題、段落、列表等。即我們平時所見到的網頁，就是HTML語言在瀏覽器中顯示的結果。

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

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

HTML是一種標準，一種規范，要顯示的網頁中的各個部分是通過標記符號來標記。網頁通過在文本文件中添加標記符，可以告訴WEB瀏覽器如何顯示其中的內容，WEB瀏覽器就起到一個解釋和執行的作用。

(一) 標簽

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

單標簽就是單獨使用就能完整地表達意思，語法是:< 標簽名稱>。

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

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

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

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

(二) 基本結構

HTML文件的基本結構由文檔頭與文檔體兩大部分，在文檔頭里，對這個文檔頭部信息進行了一些必要的定義，如網頁的標題等。文檔體中才是要在瀏覽器中顯示的圖像、文本、表格等信息。

頭部信息

文檔主體，正文部分

1.

用來標識Html文檔的起始，而標志用來標識Html文檔的結束，它放在Html文檔的最后，兩個標志必須成對使用。

2.

和用來標識Html的頭部信息，比如在...中插入這對雙標簽的話，就可以在瀏覽器的標題欄中顯示網頁標題的內容。標志對里邊的內容不會在瀏覽器的框架內顯示出。兩個標志也必須成對的使用。

3.

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

三、HTML常用標識

HTML 的標識符很多，限于篇幅，下面重點介紹幾個常用又有代表性標識符。

(一) < hn>…< /hn>標識

……是網頁標題的標志對。顯示標題的字號最大，而顯示標題的字號最小。

(二) …標識

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

(三) 標識

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

(四) < a>…< /a>標識

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

hypertext|graph

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

(五)表格標識

一個表格將由數個行、單元格與標題格組成。

...:定義表格區段。

...:表格標題。

...:表頭。

...:表格行。

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

...這對雙標簽用來表示表格的開始與結束;...這對雙標簽用來表示表格行的開始于結束;...這對雙標簽用來表示行中的數據;...這對雙標簽用來表示表頭中的數據;...、...都必須在...中使用才有效。

四、應用實例

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

通訊錄

姓名

電話

住址

何仁武

08516824125

貴州省貴陽市

王斌

08518621432

貴陽市八鴿巖路

五、結束語

對于網頁設計來說，掌握HTML語言是成為網頁設計師的第一步。HTML 語言是一種面向對象語言，原理上，它應用面向對象的原理;操作上，HTML 重點在 “數據呈現”，而非 “數據運算”; HTML 非常易學易用，為了與世界更多的人進行交流，掌握HTML 創作WWW面，建立自己的WWW 信息服務是很有意義的。