無(wú)論是初次上網(wǎng)新手，還是經(jīng)常沖浪高手，在學(xué)習制作網(wǎng)頁(yè)之前，都必須先認識（或重新認識）一下構成網(wǎng)頁(yè)的基本元素。只有這樣，才能在真正的設計工作中得心應手，才能根據需要合理地組織和安排網(wǎng)頁(yè)的內容，從而達到期望的目標。設計網(wǎng)頁(yè)的目的主要是發(fā)布信息，因此，作為信息主要載體的文本和圖像也就成了網(wǎng)頁(yè)的基本組成部分。超鏈接（或稱(chēng)鏈接）是網(wǎng)頁(yè)的核心，是它將互聯(lián)網(wǎng)中無(wú)數的網(wǎng)頁(yè)鏈接在一起，如果沒(méi)有它，網(wǎng)頁(yè)就無(wú)從談起。此外，表格、動(dòng)畫(huà)、音樂(lè )和交互式表單等信息的組織、表現，以及交互元素在網(wǎng)頁(yè)中也具有舉足輕重的地位。

　1、文本

文本一直是人類(lèi)最重要的信息載體與交流工具，網(wǎng)頁(yè)中的信息也以文本為主。與圖像相比，文字雖然不如圖像那樣能夠很快引起瀏覽者的注意，但卻能準確地表達消息的內容和含義。為了克服文字固有的缺點(diǎn)，人們賦予了網(wǎng)頁(yè)中文本更多的屬性，如字體、字形、字號、字體顏色、文字效果、底紋和邊框等，通過(guò)不同樣式的區別，突出顯示重要內容，弱化次要信息。此外，用戶(hù)還可以在網(wǎng)頁(yè)中設計各種各樣的文字列表，來(lái)清晰表達一系列項目。這些功能都給網(wǎng)頁(yè)中的文本賦予了新的生命力。

2、圖像和動(dòng)畫(huà)

圖像在網(wǎng)頁(yè)中具有提供信息、展示作品、裝飾網(wǎng)頁(yè)、表達個(gè)人情調和風(fēng)格的作用。用戶(hù)可以在網(wǎng)頁(yè)中使用GIF、JPEG（JPG）、PNG 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。圖像雖然在網(wǎng)頁(yè)中起著(zhù)非常重要的作用，但如果網(wǎng)頁(yè)上加入的圖片過(guò)多，不僅會(huì )影響網(wǎng)頁(yè)整體視覺(jué)效果，而且下載速度也將明顯下降，可能會(huì )影響用戶(hù)的瀏覽體驗。在網(wǎng)頁(yè)中使用動(dòng)畫(huà)可以有效地吸引瀏覽者的注意力，畢竟動(dòng)態(tài)效果比靜止對象更有吸引力，因此，許多網(wǎng)站的廣告在網(wǎng)頁(yè)設計時(shí)都做成了動(dòng)畫(huà)形式。

3、聲音和視頻

聲音是多媒體網(wǎng)頁(yè)的一個(gè)重要組成部分。當前存在著(zhù)一些不同類(lèi)型的聲音文件和格式，也有一些不同的方法將這些聲音添加到網(wǎng)頁(yè)中。在決定添加的聲音的格式和方式之前，需要考慮的因素包括其用途、格式、文件大小、聲音品質(zhì)和瀏覽器差別等。不同瀏覽器對于聲音文件的處理方法是非常不同的，彼此之間可能不兼容。用于網(wǎng)絡(luò )的聲音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。設計者在使用這些格式的文件時(shí)，需要加以區別。很多瀏覽器不用插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的聲音文件則需要專(zhuān)門(mén)的瀏覽器播放。一般來(lái)說(shuō)，不要使用聲音文件作為背景音樂(lè )，那樣會(huì )影響網(wǎng)頁(yè)下載的速度?？梢栽诰W(wǎng)頁(yè)中添加一個(gè)打開(kāi)聲音文件的鏈接，讓播放音樂(lè )變得可以控制。視頻文件的格式也非常多，常見(jiàn)的有Re-alPlayer、MPEG、AVI和FLV等。視頻文件的采用讓網(wǎng)頁(yè)變得非常精彩而且有動(dòng)感。網(wǎng)絡(luò )上的許多插件也使向網(wǎng)頁(yè)中插入視頻文件的操作變得非常簡(jiǎn)單。

4、超鏈接

超鏈接（Hyper Link）是互聯(lián)網(wǎng)盛行起來(lái)的最主要的原因。它能夠實(shí)現從一個(gè)網(wǎng)頁(yè)跳轉到鏈接目的端的網(wǎng)頁(yè)位置上。例如，指向另一個(gè)網(wǎng)頁(yè)或者相同網(wǎng)頁(yè)上的不同位置。這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，也可以是一幅圖片、一個(gè)電子郵件地址、一個(gè)文件（如多媒體文件、文檔或任意文件）、一個(gè)程序或者是本網(wǎng)頁(yè)中的其他位置。其載體通常是文本、圖片或圖片中的區域，也可以是一些不可見(jiàn)的程序腳本。當瀏覽者單擊超鏈接時(shí)，其目的端將顯示在網(wǎng)頁(yè)瀏覽器上，并根據目的端的類(lèi)型以不同方式鏈接。例如，當指向一個(gè)AVI文件的超鏈接被單擊后，該文件將在媒體播放軟件中打開(kāi)；如果單擊的是指向一個(gè)網(wǎng)頁(yè)的超鏈接，則該網(wǎng)頁(yè)將顯示在網(wǎng)頁(yè)瀏覽器上。

5、表格

在網(wǎng)頁(yè)中表格用來(lái)控制網(wǎng)頁(yè)中信息的布局方式。這主要包括兩方面：一是使用行和列的形式來(lái)布局文本和圖像以及其他的列表化數據；二是可以使用表格來(lái)精確控制各種網(wǎng)頁(yè)元素在網(wǎng)頁(yè)中出現的位置。在標準網(wǎng)頁(yè)設計中，表格更多用在數據的表格化顯示。

6、表單

使用超鏈接，瀏覽者和服務(wù)器站點(diǎn)便建立起了一種簡(jiǎn)單的交互關(guān)系。表單的出現使瀏覽者與站點(diǎn)的交互上升到了一個(gè)新的高度。網(wǎng)頁(yè)中的表單通常用來(lái)接收瀏覽者在客戶(hù)端的輸入，然后將這些信息發(fā)回到客戶(hù)端。這些信息既可以是文本文件、網(wǎng)頁(yè)、電子郵件，也可以是服務(wù)器端的應用程序。表單的用途如下：   

?收集聯(lián)系信息。 

?接收用戶(hù)要求。

?收集訂單、出貨和收費細則。   

?獲得反饋意見(jiàn)。   

?設置來(lái)賓簽名簿。   

?讓瀏覽者輸入關(guān)鍵字，在站點(diǎn)中搜索相關(guān)的網(wǎng)頁(yè)。  

?讓瀏覽者注冊為會(huì )員并以會(huì )員身份登錄站點(diǎn)。

表單由不同功能的表單對象組成，最簡(jiǎn)單的表單也要包含一個(gè)輸入文本框和一個(gè)提交按鈕。站點(diǎn)瀏覽者填寫(xiě)表單的方式通常是輸入文本、選中單選按鈕與復選框，以及從下拉列表框中選擇選項等。

根據表單功能與處理方式的不同，通?？梢詫⒈韱畏譃橛脩?hù)反饋表單、留言簿表單、搜索表單和用戶(hù)注冊表單等類(lèi)型。

7、導航欄

導航欄是用戶(hù)在規劃好站點(diǎn)結構、開(kāi)始設計主頁(yè)時(shí)必須考慮的一項內容。導航欄的作用就是要讓瀏覽者在瀏覽站點(diǎn)時(shí)，不會(huì )因為迷路而中止對站點(diǎn)的訪(fǎng)問(wèn)。事實(shí)上，導航欄就是一組超鏈接，這組超鏈接的目標就是本站點(diǎn)的主頁(yè)以及其他重要網(wǎng)頁(yè)。在設計站點(diǎn)中的諸網(wǎng)頁(yè)時(shí)，可以在站點(diǎn)的每個(gè)網(wǎng)頁(yè)上顯示一個(gè)導航欄，這樣，瀏覽者就可以既快又容易地轉向站點(diǎn)的其他主要網(wǎng)頁(yè)。一般情況下，導航欄應放在網(wǎng)頁(yè)中較引人注目的位置，通常是在網(wǎng)頁(yè)的頂部或一側。導航欄既可以是文本鏈接，也可以是一些圖像按鈕。

8、特殊效果

網(wǎng)頁(yè)中除了以上幾種最基本的元素之外，還有一些其他常用元素，包括懸停按鈕、JavaScript特效、ActiveX等各種特效。它們不僅能在網(wǎng)站建設時(shí)點(diǎn)綴網(wǎng)頁(yè)，使網(wǎng)頁(yè)更活潑有趣，而且在網(wǎng)上娛樂(lè )、電子商務(wù)等方面也有著(zhù)不可忽視的作用。