HTML 链接 - 超链接
HTML 链接
❮ 上一页 下一页 ❯
链接在几乎所有网页中都能找到。链接允许用户点击链接从一个页面跳转到另一个页面。
HTML 链接 - 超链接
HTML 链接是超链接。
您可以点击链接并跳转到另一个文档。
当您将鼠标悬停在链接上时，鼠标箭头会变成一个小手。
注意： 链接不一定是文本。链接可以是图像或任何其他 HTML 元素！
HTML 链接 - 语法
HTML 标签定义超链接。它具有以下语法
链接文本是读者可以看到的部分。
点击链接文本，将把读者发送到指定的 URL 地址。
示例
此示例展示如何创建指向 W3Schools.com 的链接
亲自尝试 »
默认情况下，链接在所有浏览器中的显示方式如下
未访问的链接带下划线且为蓝色
已访问的链接带下划线且为紫色
活动的链接带下划线且为红色
提示： 当然，可以使用 CSS 对链接进行样式设置，以获得不同的外观！
HTML 链接 - target 属性
默认情况下，链接页面将在当前浏览器窗口中显示。要更改此设置，您必须为链接指定另一个目标。
target 属性指定链接文档的打开位置。
target 属性可以具有以下值之一
_self - 默认值。在与单击它相同的窗口/标签中打开文档
_blank - 在新窗口或标签中打开文档
_parent - 在父框架中打开文档
_top - 在窗口的整个主体中打开文档
示例
使用 target="_blank" 在新的浏览器窗口或标签中打开链接文档
亲自尝试 »
绝对 URL 与相对 URL
上面两个示例都在 href 属性中使用 **绝对 URL**（完整的网络地址）。
本地链接（指向同一网站内的页面的链接）用 **相对 URL**（不带“https://www”部分）指定
示例
绝对 URL
相对 URL
亲自尝试 »
HTML 链接 - 使用图像作为链接
要使用图像作为链接，只需将 标签放在 标签中
示例
亲自尝试 »
链接到电子邮件地址
在 href 属性中使用 mailto: 创建打开用户电子邮件程序的链接（让他们发送新电子邮件）
示例
亲自尝试 »
按钮作为链接
要使用 HTML 按钮作为链接，您必须添加一些 JavaScript 代码。
JavaScript 允许您指定在某些事件发生时会发生什么，例如点击按钮
示例
亲自尝试 »
提示： 在我们的 JavaScript 教程 中了解更多关于 JavaScript 的信息。
链接标题
title 属性指定有关元素的额外信息。这些信息通常在鼠标移动到元素上时以工具提示文本的形式显示。
示例
亲自尝试 »
更多关于绝对 URL 和相对 URL 的信息
示例
使用完整 URL 链接到网页：
亲自尝试 »
示例
链接到当前网站 html 文件夹中的页面：
亲自尝试 »
示例
链接到与当前页面位于同一文件夹中的页面：
亲自尝试 »
您可以在 HTML 文件路径 章节中了解更多关于文件路径的信息。
章节总结
使用 元素定义链接
使用 href 属性定义链接地址
使用 target 属性定义链接文档的打开位置
使用 元素（在 中）使用图像作为链接
在 href 属性中使用 mailto: 方案，可以创建打开用户电子邮件程序的链接。
HTML 链接标签
标签
描述
有关所有可用 HTML 标签的完整列表，请访问我们的 HTML 标签参考。
视频：HTML 链接
❮ 上一页 下一页 ❯
★
+1
W3schools Pathfinder
Track your progress - it's free!
Log in
Sign Up