HTML anchor 标签定义了将一个页面链接到另一个页面的超链接。它可以创建指向其他网页、文件、位置或任何 URL 的超链接。"href" 属性是 HTML a 标签中最重要的属性,它指向目标页面或 URL。

HTML anchor 标签的 href 属性

href 属性用于定义要链接的文件的地址。换句话说,它指定了目标页面。

HTML anchor 标签的语法如下所示。

phpCopy code
<a href="...........">链接文本</a>

让我们看一个 HTML anchor 标签的例子。

<a href="second.html">点击进入第二页</a>

使用 target 属性指定链接位置

如果我们想要将链接打开到另一个页面,则可以使用 <a/> 标签的 target 属性。通过这个属性,链接将在新页面中打开。

示例:

1. <!DOCTYPE html> 
2. <html>
3. <head>
4. <title></title>
5. </head>
6. <body>
7. <p>点击 <a href="https://www.javatpoint.com/" target="_blank">这个链接</a>,进入 JavaTpoint 的主页。</p>
8. </body>
9. </html>

输出:

html-anchor.png

注意:

  • target 属性只能与 anchor 标签中的 href 属性一起使用。
  • 如果不使用 target 属性,则链接将在同一页面中打开。

HTML anchor 标签的外观

未访问的链接显示为带有下划线和蓝色的文本。

已访问的链接显示为带有下划线和紫色的文本。

活动链接显示为带有下划线和红色的文本。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想