HTML <a> 標簽的 href 屬性
定義和用法
<a> 標簽的 href 屬性用于指定超鏈接目標的 URL。
href 屬性的值可以是任何有效文檔的相對或絕對 URL,包括片段標識符和 JavaScript 代碼段。如果用戶選擇了 <a> 標簽中的內(nèi)容,那么瀏覽器會嘗試檢索并顯示 href 屬性指定的 URL 所表示的文檔,或者執(zhí)行 JavaScript 表達式、方法和函數(shù)的列表。
提示和注釋
注意:<a> 標簽中必須提供 href 屬性或 name 屬性。
制作文本鏈接
一個引用其他文檔的簡單 <a> 標簽可以是下列形式:
<a href="http://www.dbjr.com.cn/index.html">W3School 在線教程</a>
瀏覽器用特殊效果顯示短語“W3School 在線教程”(通常是帶下劃線的藍色文本),這樣用戶就會知道它是一個可以鏈接到其他文檔的超鏈接。就像這樣:
用戶還可以利用瀏覽器中的選項來自己指定文本顏色、設(shè)置鏈接前和鏈接后鏈接文本的顏色。
提示:可以使用 CSS 偽類向文本超鏈接添加復(fù)雜而多樣的樣式。
制作圖像鏈接
更復(fù)雜的錨還可以包含圖像。下面這個 LOGO 是一個圖像鏈接,點擊該圖像,可以返回 W3school 的首頁:
<a href="http://www.dbjr.com.cn/index.html"> <img src="/i/w3school_logo_white.gif" /> </a>
上面的代碼會為 W3School 的 LOGO 添加一個返回首頁的超鏈接:

大多數(shù)圖形瀏覽器都會在作為錨的一部分的圖像周圍放置特殊的邊框。通過在 <img> 標簽中把圖像的 border 屬性設(shè)置為 0 可以刪除超鏈接的邊框。也可以使用 CSS 的邊框?qū)傩?/a>來全局性地改變元素的邊框樣式。
語法
<a href="value">
屬性值
值 | 描述 |
---|---|
URL | 超鏈接的 URL?赡艿闹担
|
TIY 實例
- 創(chuàng)建超級鏈接
- 本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
- 將圖像作為鏈接
- 本例演示如何使用圖像作為鏈接。