HTML <a> 標(biāo)簽的 href 屬性
定義和用法
<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://www.dbjr.com.cn/index.html">W3School 在線教程</a>
瀏覽器用特殊效果顯示短語(yǔ)“W3School 在線教程”(通常是帶下劃線的藍(lán)色文本),這樣用戶就會(huì)知道它是一個(gè)可以鏈接到其他文檔的超鏈接。就像這樣:
用戶還可以利用瀏覽器中的選項(xiàng)來(lái)自己指定文本顏色、設(shè)置鏈接前和鏈接后鏈接文本的顏色。
提示:可以使用 CSS 偽類向文本超鏈接添加復(fù)雜而多樣的樣式。
制作圖像鏈接
更復(fù)雜的錨還可以包含圖像。下面這個(gè) LOGO 是一個(gè)圖像鏈接,點(diǎn)擊該圖像,可以返回 W3school 的首頁(yè):
<a href="http://www.dbjr.com.cn/index.html"> <img src="/i/w3school_logo_white.gif" /> </a>
上面的代碼會(huì)為 W3School 的 LOGO 添加一個(gè)返回首頁(yè)的超鏈接:

大多數(shù)圖形瀏覽器都會(huì)在作為錨的一部分的圖像周?chē)胖锰厥獾倪吙颉Mㄟ^(guò)在 <img> 標(biāo)簽中把圖像的 border 屬性設(shè)置為 0 可以刪除超鏈接的邊框。也可以使用 CSS 的邊框?qū)傩?/a>來(lái)全局性地改變?cè)氐倪吙驑邮健?/p>
語(yǔ)法
<a href="value">
屬性值
值 | 描述 |
---|---|
URL | 超鏈接的 URL?赡艿闹担
|
TIY 實(shí)例
- 創(chuàng)建超級(jí)鏈接
- 本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
- 將圖像作為鏈接
- 本例演示如何使用圖像作為鏈接。