HTML連結

HTML 連結

HTML 使用超級連結與網路上的另一個文件相連。幾乎可以在所有的網頁中找到連結。點擊連結可以從一張頁面跳到另一張頁面。

舉例:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="http://php.cn/">这个是连接哦</a>
</body>
</html>

上面的程式碼點擊後就會跳到另一個指定頁面。

HTML超連結(連結)

超連結可以是一個字,一個詞,或是一組詞,也可以是一幅圖像,您可以點擊這些內容來跳到新的文檔或目前文檔中的某個部分。

當您把滑鼠指標移到網頁中的某個連結時,箭頭會變成一隻小手。

我們透過使用 <a> 標籤在 HTML 中建立連結。

有兩種使用<a> 標籤的方式:

透過使用href 屬性- 建立指向另一個文件的連結

透過使用name 屬性- 建立文件內的書籤

什麼是超文本?

標記語言的真正威力在於其收集能力,它可以將收集的文檔組合成一個完整的資訊庫,並且可以將文檔庫與世界上的其他文檔集合鏈接起來。

這樣的話,讀者不僅可以完全控製文件在螢幕上的顯示,還可以透過超連結來控制瀏覽資訊的順序。這就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext),就是它將整個 Web 網路連接起來。

超文本的基礎知識

超文本的基本特徵是可以超連結文件;你可以指向其他位置,該位置可以在目前的文檔中、區域網路中的其他文檔,也可以在網際網路上的任何位置的文檔中。這些文件組成了一個雜亂的資訊網。目標文件通常與其來源有某些關聯,並且豐富了來源;來源中的連結元素則將這種關係​​傳遞給瀏覽者。

超連結可以用於各種效果。超連結可以用在目錄和主題清單。瀏覽者可以在瀏覽器畫面上按一下滑鼠或在鍵盤上按下按鍵,從而選擇並自動跳到文件​​中自己感興趣的那個主題,或跳到世界上某處完全不同的集合中的某個文檔。

超連結也可以向瀏覽者指出更多關於文件中某個主題的資訊。例如,「如果您想了解更詳細的信息,請參閱某某頁面。」。作者可以使用超連結來減少重複訊息。例如,我們建議創作者在每個文件中簽署自己的姓名。這樣就可以使用一個將名字和另一個包含地址、電話號碼等信息的單獨文檔鏈接起來的超鏈接,而不必在每個文檔中都包含完整的聯繫信息。

超連結(hyper text),或依照標準叫法稱為錨(anchor),是使用 <a> 標籤標記的,可以用兩種方式表示。錨的一種類型是在文件中建立熱點,當使用者啟動或選取(通常是使用滑鼠)這個熱點時,會導致瀏覽器進行連結。瀏覽器會自動載入並顯示相同文件或其他文件中的某個部分,或觸發某些與網際網路服務相關的操作,例如傳送電子郵件或下載特殊文件等。錨的另一種類型會在文件中建立一個標記,該標記可以被超連結引用。

還有一些與超連結相關聯的滑鼠相關事件。這些事件與 JavaScript 結合使用可以產生一些令人興奮的效果。

註解

錨的這兩種類型都使用相同的標籤;也許這就是它們擁有相同的名稱的原因。但是我們發現,如果將它們區分開,把提供熱點和超連結地址的錨看作“連結”,而用於標記文件的目標部分的錨稱為“錨”,那麼您將更容易理解這兩種類型的錨。

HTML連結語法

連結的 HTML 程式碼很簡單。它類似這樣:

<a href="url(連結頁面的網址)">連結文字</a>

HTML 連結- target 屬性

使用target 屬性,你可以定義被連結的文件在何處顯示。

下面的這行會在新視窗開啟文件:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="  target="_blank" >这个是连接哦</a>
</body>
</html>

比較之前的例子,看看有什麼不同。

HTML 連線- id 屬性

#id屬性可用來建立在一個HTML文件書籤標記。

提示: 書籤是不以任何特殊的方式顯示,在HTML文件中是不顯示的,所以對於讀者來說是隱藏的。



繼續學習
||
<html> <head> <meta charset="utf-8"> </head> <body> <a href="http://php.cn/" target="_blank" >这个是连接哦</a> </body> </html>
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!