實(shí)例

href 屬性規(guī)定鏈接的目標(biāo)：

<a href="http://theartemis.cn">365jz</a>

親自試一試

定義和用法

<a> 標(biāo)簽的 href 屬性用于指定超鏈接目標(biāo)的 URL。

href 屬性的值可以是任何有效文檔的相對(duì)或絕對(duì) URL，包括片段標(biāo)識(shí)符和 JavaScript 代碼段。如果用戶選擇了 <a> 標(biāo)簽中的內(nèi)容，那么瀏覽器會(huì)嘗試檢索并顯示 href 屬性指定的 URL 所表示的文檔，或者執(zhí)行 JavaScript 表達(dá)式、方法和函數(shù)的列表。

提示和注釋

注意：<a> 標(biāo)簽中必須提供 href 屬性或 name 屬性。

制作文本鏈接

一個(gè)引用其他文檔的簡(jiǎn)單 <a> 標(biāo)簽可以是下列形式：

<a href="http://theartemis.cn/">365jz 在線教程</a>

瀏覽器用特殊效果顯示短語(yǔ)“365jz 在線教程”（通常是帶下劃線的藍(lán)色文本），這樣用戶就會(huì)知道它是一個(gè)可以鏈接到其他文檔的超鏈接。就像這樣：

365jz 在線教程

用戶還可以利用瀏覽器中的選項(xiàng)來(lái)自己指定文本顏色、設(shè)置鏈接前和鏈接后鏈接文本的顏色。

提示：可以使用 CSS 偽類(lèi)向文本超鏈接添加復(fù)雜而多樣的樣式。

制作圖像鏈接

更復(fù)雜的錨還可以包含圖像。下面這個(gè) LOGO 是一個(gè)圖像鏈接，點(diǎn)擊該圖像，可以返回 W3school 的首頁(yè)：

<a href="http://theartemis.cn/">
<img src="/i/365jz_logo_white.gif" />
</a>

上面的代碼會(huì)為 365jz 的 LOGO 添加一個(gè)返回首頁(yè)的超鏈接：

大多數(shù)圖形瀏覽器都會(huì)在作為錨的一部分的圖像周?chē)胖锰厥獾倪吙颉Ｍㄟ^(guò)在 <img> 標(biāo)簽中把圖像的 border 屬性設(shè)置為 0 可以刪除超鏈接的邊框。也可以使用 CSS 的邊框?qū)傩?/a>來(lái)全局性地改變?cè)氐倪吙驑邮健?/p>