网页中可以包含各种链接，用户通过点击链接，可将您直接带到其他页面甚至给定页面的特定部分。这些链接称为超链接。
超链接允许访问者通过单击单词、短语和图像来在网站之间跳转，因此，您可以使用网页上提供的文本或图像创建超链接。
链接文档
在HTML中使用标签 <a>标签来指定链接。该标签称为锚标签，开始 <a> 标签和结束 </a> 标签之间的任何内容都将成为链接的一部分，用户可以单击该部分来访问链接的文档。以下是使用 <a> 标记的简单语法。
<a href = "链接地址" ... attributes-list>链接内容</a>示例
让我们尝试以下示例，点击易学教程将跳转到 http://www.yxjc123.com 页面 -
<!DOCTYPE html>
<html>
<head>
<title>超链接示例</title>
</head>
<body>
<p>点击以下链接</p>
<a href = "https://www.yxjc123.com" target = "_self">易学教程</a>
</body>
</html>target属性
我们在前面的示例中使用了 target 属性。该属性用于指定链接文档的打开位置。以下是可能的选项值 -
| 序号 | 选项和说明 |
|---|---|
| 1 | _blank 在新窗口或选项卡中打开链接的文档。 |
| 2 | _self 在同一框架中打开链接文档。 |
| 3 | _parent 在父框架中打开链接文档. |
| 4 | _top 以完整形式打开链接文档窗口主体。 |
| 5 | targetframe 打开链接的命名的 targetframe 中的文档。 |
示例
尝试以下示例来了解target不同值的作用效果。
<!DOCTYPE html>
<html>
<head>
<title>HTML超链接例子</title>
<base href = "https://www.yxjc123.com/">
</head>
<body>
<p>单击以下任意链接看看效果</p>
<a href = "/tool" target = "_blank">Opens in New</a> |
<a href = "/tool" target = "_self">Opens in Self</a> |
<a href = "/tool" target = "_parent">Opens in Parent</a> |
<a href = "/tool" target = "_top">Opens in Body</a>
</body>
</html>您可以点击不同的链接来了解target属性给出的各种选项之间的差异。
base属性
在网页中可以指定链接的base地址，而在后面的锚链接中可以不用在重复指定跳转的url，而只需要指定其路径即可。您的浏览器会将给定的相对路径连接到该base地址，并生成一个完整的 URL。
示例
以下示例使用 <base> 标签来指定基本 URL，稍后我们可以使用所有链接的相对路径，而不是为每个链接提供完整的 URL。
<!DOCTYPE html>
<html>
<head>
<title>超链接base属性例子 yxjc123.com</title>
<base href = "https: //www.yxjc123.com/">
</head>
<body>
<p>点击看效果</p>
<a href = "/post/dj4dmq" target = "_blank">HTML 教程</a>
</body>
</html>您可以在其中单击生成的 HTML 教程链接即可访问 HTML 教程。
链接到页面部分
您可以使用name属性创建到给定网页的特定部分的链接。这是一个两步过程。
注意: HTML5 中已弃用 name 属性。不要使用该属性。请使用 id 和 title 属性。
1 在网页中创建一个指向您想要到达的位置的链接，然后使用 <a...> 标记对其进行命名，如下所示 -
<h1>HTML Text Links <a name = "top"></a></h1>2 创建一个超链接来链接文档和您想要到达的位置 -
<a href = "/post/dj4dmq#top">Go to the Top</a> 您可以点击生成的链接直接跳转到指定的特定为止。
设置链接颜色
您可以设置使用 <body> 标记的 link、alink 和 vlink 属性的链接、活动链接和访问过的链接。
示例
将以下内容保存在 test.htm 中并在任何网络浏览器中打开以查看link、alink 和 vlink 属性如何工作。
<!DOCTYPE html>
<html>
<head>
<title>超链接示例</title>
<base href = "https://www.yxjc123.com/">
</head>
<body alink = "#54A250" link = "#040404" vlink = "#F40633">
<p>点击以下链接</p>
<a href = "/post/dj4dmq" target = "_blank" >HTML 教程</a>
</body>
</html>在单击链接之前查看链接的颜色，然后在激活链接和访问链接时查看其颜色。
下载链接
您可以创建文本链接以您的 PDF、DOC 或 ZIP 文件可供下载。这很简单；您只需提供可下载文件的完整 URL，如下所示 -
<!DOCTYPE html>
<html>
<head>
<title>Hyperlink Example</title>
</head>
<body>
<a href = "https://www.yxjc123.com/html/test.pdf">下载PDF文件</a>
</body>
</html>点击将会下载pdf文件。