HTML 連結

HTML 使用超連含來連結到網路上其它的網頁

例子

建立超連結
此例說明如何建立連結到一個 HTML 文件.

以圖片連結
此例說明如何以圖片當做連結.

(你可以在本頁的下面找到更多的例子)

連結(Anchor) 標示 及 Href 屬性

HTML 使用 <a> 標示來建立連結到另一個文件

一個錨點能夠指定到網路上的任一資源：如一個HTML網頁、一個圖片，一個語音檔、一個影片等等。

建立一個一個錨結的語法如下： 

<a href="url">Text to be displayed</a>

<a> 標示是用來建立一個錨點至連結型式 "href" 屬性是用來定址到所要連結的網頁，在啟始及結束標示之間的文字將會被當做超連結來顯示。

這個錨點設定了一個連結到 W3Schools:

<a href="http://www.ncku.edu.tw">成功大學</a>

上面這行文字在顯示器上看到會是這個樣子:

成功大學

目標屬性

有了目標屬性，你可以設定要連結的文件將如何打開

下面的文字設定將文件以新的視窗開啟

<a href="http://www.w3schools.com/"
target="_blank">Visit W3Schools!</a>

連結標示及名字屬性

名字屬性是用在建立一個名字連結標示The name attribute is used to create a named anchor.當我們在使用名字連結標示時，我們可以建立一個連結並直接的跳出到指定的網頁部份，來取代使用者用捲軸來找他們所要找的西。

以下是名字連結的語法：

<a name="label">要顯示的文字</a>

名字屬性是用來建立名字連結，當你要使用時，連結的名字能夠是任何文字.

下面這行設定一個名字的連結標示

<a name="tips">有用的提示部份</a>

你應注意到一個名字的連結標示不會以特殊的方式顯示

若要直接連結到 "tips" 部份，以增加一個 # 符號及在連結標示前網址的未端的名字就像這樣：

<a href="http://www.w3schools.com/html_links.asp#tips">
跳到有用的提示部份</a>

一個超連結到有用的提示部份要從這個檔案做 "html_links.asp" ，l將會像這樣: 

<a href="#tips">跳到有用的提示部份</a>

基本摘要 - 有用的提示

記得要加一個反斜線把資料包覆起來，如果你連結像這樣: "href="http://www.w3schools.com/html",

你會啟動二個HTTP請求到伺服器，因為伺服器還會在網址後增加一個斜線，並建立新的請求，像這樣: href="http://www.w3schools.com/html/"

在一個大型的文件一開始名字連結顯示是常字在建立表格內容，在文件內的每一章是被給予一個名字標示並連結到這些連結標示的每一個標示，是放在文件的上方。

如果一個瀏覽器無法找到一個指定的名字連結標示, 它會到文件的上方，而不會顯示錯誤。

更多的練習例子

以新視窗打開連結
此例說明如何以瀏覽器打開一個新的視窗連結到另一份文件，如此使用者不會離開原來的網站。

連結到相同位址的網頁
此例說明如何運用連結跳到文件的另一部份。

跳出框架
此例說明若你的連結的網頁被框架鎖定，如何跳出

建立郵件連結
此例說明如何連結到一個郵件訊息 (只限於當你要郵件要處理時)

建立郵件連結2
此例說明更複雜的郵件連結

連結標示