一、HTML 超鏈接（鏈接）

HTML使用標(biāo)簽 <a>來(lái)設(shè)置超文本鏈接。

超鏈接可以是一個(gè)字，一個(gè)詞，或者一組詞，也可以是一幅圖像，您可以點(diǎn)擊這些內(nèi)容來(lái)跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。

當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁(yè)中的某個(gè)鏈接上時(shí)，箭頭會(huì)變?yōu)橐恢恍∈帧?/p>

在標(biāo)簽<a> 中使用了href屬性來(lái)描述鏈接的地址。

默認(rèn)情況下，鏈接將以以下形式出現(xiàn)在瀏覽器中：

一個(gè)未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。

訪問過的鏈接顯示為紫色并帶有下劃線。

點(diǎn)擊鏈接時(shí)，鏈接顯示為紅色并帶有下劃線。

*注意：如果為這些超鏈接設(shè)置了 CSS 樣式，展示樣式會(huì)根據(jù) CSS 的設(shè)定而顯示。

二、HTML 鏈接語(yǔ)法

鏈接的 HTML 代碼很簡(jiǎn)單。它類似這樣：

<a href="url">鏈接文本</a>

*href 屬性描述了鏈接的目標(biāo)。

實(shí)例

<a >訪問話本小說(shuō)網(wǎng)</a>

上面這行代碼顯示為：訪問話本小說(shuō)網(wǎng)

點(diǎn)擊這個(gè)超鏈接會(huì)把用戶帶到訪問話本小說(shuō)網(wǎng)的首頁(yè)。

*提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。

HTML 鏈接 - target 屬性

使用 target 屬性，你可以定義被鏈接的文檔在何處顯示。

下面的這行會(huì)在新窗口打開文檔：

實(shí)例

<a target="_blank" rel="noopener noreferrer">訪問話本小說(shuō)網(wǎng)!</a>

三、HTML 鏈接- id 屬性

id 屬性可用于創(chuàng)建一個(gè) HTML 文檔書簽。

提示: 書簽不會(huì)以任何特殊方式顯示，即在 HTML 頁(yè)面中是不顯示的，所以對(duì)于讀者來(lái)說(shuō)是隱藏的。

實(shí)例

在HTML文檔中插入ID:

<a id="tips">有用的提示部分</a>

在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips"）"：

<a href="#tips">訪問有用的提示部分</a>

訪問有用的提示部分</a>

四、基本的注意事項(xiàng) - 有用的提示

*注釋： 請(qǐng)始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：，就會(huì)向服務(wù)器產(chǎn)生兩次 HTTP 請(qǐng)求。這是因?yàn)榉?wù)器會(huì)添加正斜杠到這個(gè)地址，然后創(chuàng)建一個(gè)新的請(qǐng)求，就像這樣：。