HTML <a> href 属性

❮ HTML <a> 标签

实例

href 属性规定链接的目标:

<a href="https://www.w3ccoo.com">访问 W3Schools</a>
亲自试一试 »

下面有更多实例。


定义和用法

<a> 标签的 href 属性用于指定超链接目标的 URL。

提示: 您可以使用 href="#top" 或 href="#" 链接到当前页面的顶部!

如果 href 属性不存在,则 <a> 标签不是超链接。


浏览器支持

属性
href Yes Yes Yes Yes Yes

语法

<a href="URL">

属性值

描述
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://www.w3ccoo.com">
<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> 标签