srcmini上一章HTML教程请查看：html列表：ul、ol和dl
一个网页可以包含各种链接，直接把你带到其他网页，甚至一个特定的部分，这些链接称为超链接。
超链接允许访问者通过点击单词、短语和图像在网站之间导航，因此，你可以使用网页上可用的文本或图像创建超链接。
注意，我建议你通过一个简短的教程来理解URL
链接文件
链接使用HTML标记< A >指定。这个标记称为锚标记，在开始<a>标记和结束</a>标记之间的任何内容都成为链接的一部分，用户可以单击该部分来访问链接的文档，下面是使用<a>标记的简单语法。
<a href = "Document URL" ... attributes-list>链接文本</a> 例子让我们尝试下面的例子，链接http://www.srcmini02.com在你的页面-
<!DOCTYPE html>
<html>
<head>
<title>超链接例子</title>
</head>
<body>
<p>点击以下链接</p>
<a href = "https://www.srcmini02.com" target = "_self">srcmini教程网</a>
</body>
</html>
target属性
我们在前面的示例中使用了target属性，此属性用于指定打开链接文档的位置。
以下是可能的选择
| 编号 | 选项和描述 |
| 1 | _blank 在新窗口或选项卡中打开链接的文档。 |
| 2 | _self 在同一frame中打开链接的文档。 |
| 3 | _parent 在父frame中打开链接的文档。 |
| 4 | _top 在窗口的整个主体中打开链接的文档。 |
| 5 | targetframe 在指定的targetframe中打开链接的文档。 |
例子
请尝试以下示例来了解目标属性所提供的几个选项的基本区别。
<!DOCTYPE html>
<html>
<head>
<title>超链接例子</title>
<base href = "https://www.srcmini02.com/">
</head>
<body>
<p>点击下面的链接</p>
<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>
</body>
</html>
基本路径的使用
当你链接与同一网站相关的HTML文档时，不需要为每个链接提供完整的URL。如果在HTML文档头中使用<base>标记，就可以消除它，此标记用于为所有链接提供基本路径。因此，你的浏览器将把给定的相对路径连接到这个基本路径，并生成一个完整的URL。
例子
下面的示例使用<base>标记来指定基本URL，稍后我们可以使用所有链接的相对路径，而不是为每个链接提供完整的URL。
<!DOCTYPE html>
<html>
<head>
<title>超链接例子</title>
<base href = "https://www.srcmini02.com/">
</head>
<body>
<p>点击下列链接</p>
<a href = "/html/index.htm" target = "_blank">HTML教程</a>
</body>
</html>
链接到页面部分
你可以使用name属性创建到给定网页特定部分的链接，这是一个两步的过程。
注意，name属性在HTML5中被弃用，不要使用此属性，建议使用id和title属性。
首先创建一个链接到你想要到达的地方，在一个网页上用<a…>标签如下：
<h1>HTML文本链接<a name = "top"></a></h1>第二步是创建一个超链接，将文档链接到你想要到达的地方：
<a href = "/html/html_text_links.htm#top">回到顶部</a>设置链接的颜色
你可以使用<body>标记的link、alink和vlink属性设置链接、活动链接和已访问链接的颜色。
例子
在test.htm中保存以下内容，然后在任何web浏览器中打开它，查看link、alink和vlink属性是如何工作的。
<!DOCTYPE html>
<html>
<head>
<title>超链接例子</title>
<base href = "https://www.srcmini02.com/">
</head>
<body alink = "#54A250" link = "#040404" vlink = "#F40633">
<p>点击以下链接</p>
<a href = "/html/index.htm" target = "_blank" >HTML教程</a>
</body>
</html>
下载链接
你可以创建文本链接，使你的PDF，或DOC或ZIP文件下载，这很简单，你只需要提供完整的下载文件的URL如下-
<!DOCTYPE html>
<html>
<head>
<title>超链接例子</title>
</head>
<body>
<a href = "https://srcmini02.com/{}.}.pdf">下载PDF文件</a>
</body>
</html>
文件下载对话框
有时，你希望提供一个选项，让用户单击链接，然后弹出一个“文件下载”框，而不是显示实际内容。这非常简单，可以在HTTP响应中使用HTTP标头实现。
例如，如果你想让一个文件名文件可从一个给定的链接下载，那么它的语法将如下。
#!/usr/bin/perl
# 额外的HTTP头
print "Content-Type:application/octet-stream; name = \"FileName\"\r\n";
print "Content-Disposition:attachment; filename = \"FileName\"\r\n\n";
# 打开目标文件并按如下方式列出其内容
open( FILE, "<FileName" );
while(read(FILE, $buffer, 100)){
print("$buffer");
}
评论前必须登录！
注册