HTML 文本链接
一个网页可以包含各种链接，这些链接可以将我们直接带到其他页面，甚至是给定页面的特定部分。这些链接称为超链接。
超链接允许访问者通过单击单词、短语和图像在网站之间导航。因此，我们可以使用网页上可用的文本或图像创建超链接。
链接文档
使用HTML标记<a>指定链接。这个标记称为锚定标记，开始标记和结束标记之间的任何内容都成为链接的一部分，
用户可以单击该部分来访问链接的文档。
下面是使用<a>标记的简单语法。
<a href = "网页地址" ...属性列表>链接文本</a>
HTML 超链接示例
<a href = "https://www.theitroad.com" target = "_self">之路教程</a>
这将产生以下结果，我们可以单击生成的链接以访问教程点的主页(在本例中)。
target属性
target属性用于指定打开链接文档的位置。
| 可选值 | 说明 |
|---|---|
| _blank | 在新窗口或选项卡中打开链接的文档。 |
| _self | 在同一框架中打开链接的文档。 |
| _parent | 在父框架中打开链接的文档。 |
| _top | 在窗口的整个正文中打开链接的文档。 |
| targetframe | 在指定的框架中打开链接文档。 |
HTML链接的target属性示例
尝试下面的例子来理解为target属性提供的几个选项的基本区别。
<a href = "/html/index.htm" target = "_blank">在新窗口打开</a> | <a href = "/html/index.htm" target = "_self">在当前窗口打开</a> | <a href = "/html/index.htm" target = "_parent">在父窗口打开</a> | <a href = "/html/index.htm" target = "_top">在窗口的整个正文中打开</a>
base路径的使用
当你链接到同一个网站的HTML文档时，不需要为每个链接提供一个完整的URL。
如果在HTML文档头中使用<base>标记，就可以消除它。此标记用于为所有链接提供基本路径。
所以浏览器将把给定的相对路径连接到这个基路径，并生成一个完整的URL。
<!DOCTYPE html>
<html>
<head>
<title>base路径示例</title>
<base href = "https://www.theitroad.com/">
</head>
<body>
<p>点击下面的链接</p>
<a href = "/html/index.htm" target = "_blank">之路HTML教程</a>
</body>
</html>
"/html/index.htm" 将会视为 "http://www.theitroad.com/html/index.htm"
链接到页面中的某个部分
我们可以使用name属性创建指向给定网页特定部分的链接。
注意 HTML5中不推荐使用name属性。不要使用此属性。请改用id和title属性。
首先在网页中创建一个指向你想要访问的地方的链接，并使用<a…>标记将其命名:
<h1>文本链接<a name = "top"></a></h1>
第二步是创建一个超链接来链接文档和我们要访问的位置–
<a href = "/html/html_text_links.htm#top">返回顶部</a>
当我们点击链接时，将转到html_text_links.htm网页的top部分。
设置链接颜色
我们可以使用<body>标记的link、alink和vlink属性设置链接、活动链接和已访问链接的颜色。
在中保存以下内容测试.htm并在任何web浏览器中打开它，查看link、alink和vlink属性是如何工作的。
<body alink = "#54A250" link = "#0059b2" vlink = "#551a8b"> <a href = "/html/index.htm" target = "_blank" >HTML教程</a> </body>
学习css后，我们还可以使用css进行设置
:alink {
color: #54A250;
}
:link {
color: #0059b2;
}
:visited {
color: #551a8b;
}
下载链接
我们可以创建文本链接以使PDF、DOC或ZIP文件可下载。只需提供可下载文件的完整URL:
<a href = "https://www.theitroad.com/pdf-filename.pdf">下载pdf文件</a> <a href = "https://www.theitroad.com/word-filename.doc">下载word文档</a>
