Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <a> href 属性

❮ HTML <a> 标签

示例

href 属性指定链接的目标地址。

<a href="https://w3schools.org.cn">访问 W3Schools</a>
亲自试一试 »

更多“亲自试一试”示例如下。


定义和用法

href 属性指定链接指向的页面的 URL。

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

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


浏览器支持

属性
href

语法

<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://w3schools.org.cn">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
亲自试一试 »

示例

如何链接到电子邮件地址

<a href="mailto:[email protected]">发送电子邮件</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> 标签
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.