HTML-表格

HTML 連接

HTML 使用超級連接與網絡上的另外一個文檔相連。

幾乎能夠在全部的網頁中找到連接。點擊連接能夠從一張頁面跳轉到另外一張頁面。

實例

本例演示如何在 HTML 文檔中建立連接。

本例演示如何使用圖像做爲連接。

HTML 超連接（連接）

超連接能夠是一個字，一個詞，或者一組詞，也能夠是一幅圖像，您能夠點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。

當您把鼠標指針移動到網頁中的某個連接上時，箭頭會變爲一隻小手。

咱們經過使用 <a> 標籤在 HTML 中建立連接。

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

1. 經過使用 href 屬性 - 建立指向另外一個文檔的連接
2. 經過使用 name 屬性 - 建立文檔內的書籤

HTML 連接語法

連接的 HTML 代碼很簡單。它相似這樣：

<a href="url">Link text</a>

href 屬性規定連接的目標。

開始標籤和結束標籤之間的文字被做爲超級連接來顯示。

實例

<a href="http://www.w3school.com.cn/">Visit W3School</a>

點擊這個超連接會把用戶帶到 W3School 的首頁。

提示："連接文本" 沒必要必定是文本。圖片或其餘 HTML 元素均可以成爲連接。

HTML 連接 - target 屬性

使用 Target 屬性，你能夠定義被連接的文檔在何處顯示。

下面的這行會在新窗口打開文檔：

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

HTML 連接 - name 屬性

name 屬性規定錨（anchor）的名稱。

您可使用 name 屬性建立 HTML 頁面中的書籤。

書籤不會以任何特殊方式顯示，它對讀者是不可見的。

當使用命名錨（named anchors）時，咱們能夠建立直接跳至該命名錨（好比頁面中某個小節）的連接，這樣使用者就無需不停地滾動頁面來尋找他們須要的信息了。

命名錨的語法：

<a name="label">錨（顯示在頁面上的文本）</a>

提示：錨的名稱能夠是任何你喜歡的名字。

提示：您可使用 id 屬性來替代 name 屬性，命名錨一樣有效。

實例

首先，咱們在 HTML 文檔中對錨進行命名（建立一個書籤）：

<a >基本的注意事項 - 有用的提示</a>name="tips"

而後，咱們在同一個文檔中建立指向該錨的連接：

<a href="#tips">有用的提示</a>

您也能夠在其餘頁面中建立指向該錨的連接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面的代碼中，咱們將 # 符號和錨名稱添加到 URL 的末端，就能夠直接連接到 tips 這個命名錨了。

基本的注意事項 - 有用的提示：

註釋：請始終將正斜槓添加到子文件夾。假如這樣書寫連接：href="http://www.w3school.com.cn/html"，就會向服務器產生兩次 HTTP 請求。這是由於服務器會添加正斜槓到這個地址，而後建立一個新的請求，就像這樣：href="http://www.w3school.com.cn/html/"。

提示：命名錨常常用於在大型文檔開始位置上建立目錄。能夠爲每一個章節賦予一個命名錨，而後把連接到這些錨的連接放到文檔的上部。若是您常常訪問百度百科，您會發現其中幾乎每一個詞條都採用這樣的導航方式。

提示：假如瀏覽器找不到已定義的命名錨，那麼就會定位到文檔的頂端。不會有錯誤發生