HTML <a> href 属性
❮ HTML <a> 标签
示例
href 属性指定了链接的目的地
<a href="https://w3schools.org.cn">访问 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.org.cn">
<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 学习路径
跟踪您的进度 - 免费！
