糯米文學吧

位置:首頁 > 設計 > 網頁設計

網頁設計如何設置超鏈接

導語:所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序

網頁設計如何設置超鏈接

超鏈接在本質上屬於一個網頁的一部分,它是一種允許我們同其他網頁或站點之間進行連接的元素,什麼是超鏈接?。各個網頁鏈接在一起後,才能真正構成一個網站。所謂的超鏈接是指從一個網頁指向一個目標的連接關係,這個目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程序。而在一個網頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片後,鏈接目標將顯示在瀏覽器上,並且根據目標的.類型來打開或運行。

超鏈接的類型:

按照鏈接路徑的不同,網頁中超鏈接一般分為以下3種類型:內部鏈接,錨點鏈接和外部鏈接。

超鏈接的對象:

如果按照使用對象的不同,網頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點鏈接,多媒體文件鏈接,空鏈接等。

超鏈接是一種對象,它以特殊編碼的文本或圖形的形式來實現鏈接,如果單擊該鏈接,則相當於指示瀏覽器移至同一網頁內的某個位置,或打開一個新的網頁,或打開某一個新的WWW網站中的網頁。

網頁超鏈接

網頁上的超鏈接一般分為三種:一種是絕對URL的超鏈接。URL(Uniform Resource Locator)就是統一資源定位符,簡單地講就是網絡上的一個站點、網頁的完整路徑。

第二種是相對URL的超鏈接。如將自己網頁上的某一段文字或某標題鏈接到同一網站的其他網頁上面去;

還有一種稱為同一網頁的超鏈接,這種超鏈接又叫做書籤。

動態靜態

超鏈接還可以分為動態超連接和靜態超連接。動態超連接指的是可以通過改變HTML代碼來實現動態變化的超鏈接,例如我們可以實現將鼠標移動到某個文字鏈接上,文字就會象動畫一樣動起來或改變顏色的效果,也可以實現鼠標移到圖片上圖片就產生反色或朦朧等等的效果。而靜態超鏈接,顧名思義,就是沒有動態效果的超鏈接。

顏色

在網頁中,一般文字上的超鏈接都是藍色(當然,用户也可以自己設置成其他顏色),文字下面有一條下劃線。當移動鼠標指針到該超鏈接上時,鼠標指針就會變成一隻手的形狀,這時候用鼠標左鍵單擊,就可以直接跳到與這個超鏈接相連接的網頁或WWW網站上去。如果用户已經瀏覽過某個超鏈接,這個超鏈接的文本顏色就會發生改變(默認為紫色)。只有圖像的超鏈接訪問後顏色不會發生變化。

HTML標記

:創建一個超鏈接。創建一個有標題的超鏈接。

:創建一個自動發送電子郵件的鏈接。

:創建一個位於文檔內部的錨點。

:創建一個指向位於文檔內部錨點的鏈接。

  圖片超鏈接:

代碼:a href="你要鏈接到的地址"target="_blank"img scr="圖片地址URL"width="寬度"height="高度"alt="圖片説明"border="0″/a

文字超鏈接:

代碼:a href="所要鏈接的地址"target="_blank"輸入的文字/a LOGO超鏈接:

代碼:img src="圖片logo地址"border="0″