HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個(gè)文檔相連朝扼。幾乎可以在所有的網(wǎng)頁中找到鏈接赃阀。點(diǎn)擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。
HTML 超鏈接(鏈接)
HTML使用標(biāo)簽
<a>
來設(shè)置超文本鏈接擎颖。
- 超鏈接可以是一個(gè)字榛斯,一個(gè)詞,或者一組詞肠仪,也可以是一幅圖像肖抱,您可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。
- 當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁中的某個(gè)鏈接上時(shí)异旧,箭頭會變?yōu)橐恢恍∈帧?/li>
- 在標(biāo)簽
<a>
中使用了href屬性來描述鏈接的地址意述。 - 默認(rèn)情況下,鏈接將以以下形式出現(xiàn)在瀏覽器中:
- 一個(gè)未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。
- 訪問過的鏈接顯示為紫色并帶有下劃線荤崇。
- 點(diǎn)擊鏈接時(shí)拌屏,鏈接顯示為紅色并帶有下劃線。
注意:如果為這些超鏈接設(shè)置了 CSS 樣式术荤,展示樣式會根據(jù) CSS 的設(shè)定而顯示倚喂。
HTML 鏈接語法
鏈接的 HTML 代碼很簡單。它類似這樣:
<a href="url">鏈接文本</a>
href 屬性描述了鏈接的目標(biāo)瓣戚。
實(shí)例
<a >訪問菜鳥教程</a>
提示: "鏈接文本" 不必一定是文本端圈。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 target 屬性子库,你可以定義被鏈接的文檔在何處顯示舱权。
下面的這行會在新窗口打開文檔:
<a target="_blank">訪問菜鳥教程!</a>
HTML 鏈接- id 屬性
id屬性可用于創(chuàng)建在一個(gè)HTML文檔書簽標(biāo)記。
提示: 書簽是不以任何特殊的方式顯示仑嗅,在HTML文檔中是不顯示的宴倍,所以對于讀者來說是隱藏的。
實(shí)例
首先仓技,在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
接著鸵贬,在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":
<a href="#tips">訪問有用的提示部分</a>
或者,從另一個(gè)頁面創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":
<a >訪問有用的提示部分</a>
基本的注意事項(xiàng) - 有用的提示
注釋: 請始終將正斜杠添加到子文件夾脖捻。假如這樣書寫鏈接:
阔逼,就會向服務(wù)器產(chǎn)生 兩次 HTTP 請求。
這是因?yàn)榉?wù)器會添加正斜杠到這個(gè)地址郭变,然后創(chuàng)建一個(gè)新的請求颜价,就像這樣: