當前位置:才華齋>設計>網頁設計>

網頁設計如何設定超連結

網頁設計 閱讀(2.71W)

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

網頁設計如何設定超連結

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

超連結的型別:

按照連結路徑的不同,網頁中超連結一般分為以下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″