HTML <a> href 屬性
❮ HTML <a> 標籤
示例
href 屬性指定了連結的目的地
<a href="https://w3schools.tw">訪問 W3Schools</a>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
href 屬性指定了連結指向頁面的 URL。
如果 href 屬性不存在，則 標籤將不是一個超連結。
提示： 您可以使用 href="#top" 或 href="#" 來連結到當前頁面的頂部！
瀏覽器支援
語法
屬性值
| 值 |
描述 |
| URL |
連結的 URL。 可能的值
- 絕對 URL - 指向另一個網站（例如 href="http://www.example.com/default.htm"）
- 相對 URL - 指向網站內的檔案（例如 href="default.htm"）
- 連結到頁面中具有指定 id 的元素（例如 href="#section2"）
- 其他協議 (例如 https://, ftp://, mailto:, file:, 等)
- 指令碼 (例如 href="javascript:alert('Hello');")
|
更多示例
示例
如何使用影像作為連結
<a href="https://w3schools.tw">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
示例
如何連結到電子郵件地址
<a href="mailto:someone@example.com">傳送郵件</a>
自己動手試一試 »
示例
如何連結到電話號碼
<a href="tel:+4733378901">+47 333 78 901</a>
自己動手試一試 »
示例
如何連結到同一頁面上的另一個部分
<a href="#section2">前往第 2 部分</a>
自己動手試一試 »
示例
如何連結到 JavaScript
<a href="javascript:alert('Hello World!');">執行 JavaScript</a>
自己動手試一試 »
❮ HTML <a> 標籤
W3schools 學習路徑
跟蹤您的進度 - 免費！
