html文本链接 – HTML教程 html文本链接|HTML

上一章HTML教程请查看：html列表：ul、ol和dl
一个网页可以包含各种链接，直接把你带到其他网页，甚至一个特定的部分，这些链接称为超链接。
超链接允许访问者通过点击单词、短语和图像在网站之间导航，因此，你可以使用网页上可用的文本或图像创建超链接。
注意，我建议你通过一个简短的教程来理解URL
链接文件链接使用HTML标记< A > 指定。这个标记称为锚标记，在开始< a> 标记和结束< /a> 标记之间的任何内容都成为链接的一部分，用户可以单击该部分来访问链接的文档，下面是使用< a> 标记的简单语法。

< a href = "http://www.srcmini.com/Document URL" ... attributes-list>链接文本< /a>

例子让我们尝试下面的例子，链接http://www.srcmini.com在你的页面-

< !DOCTYPE html> < html>< head> < title>超链接例子< /title> < /head>< body> < p>点击以下链接< /p> < a href = "https://www.srcmini.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.srcmini.com/"> < /head>< body> < p>点击下面的链接< /p> < a href = "http://www.srcmini.com/html/index.htm" target = "_blank">在新窗口中打开< /a> | < a href = "http://www.srcmini.com/html/index.htm" target = "_self">在当前打开< /a> | < a href = "http://www.srcmini.com/html/index.htm" target = "_parent">在父级中打开< /a> | < a href = "http://www.srcmini.com/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.srcmini.com/"> < /head>< body> < p>点击下列链接< /p> < a href = "http://www.srcmini.com/html/index.htm" target = "_blank">HTML教程< /a> < /body>< /html>

链接到页面部分你可以使用name属性创建到给定网页特定部分的链接，这是一个两步的过程。
注意，name属性在HTML5中被弃用，不要使用此属性，建议使用id和title属性。
【html文本链接 – HTML教程】首先创建一个链接到你想要到达的地方，在一个网页上用< a…> 标签如下：

< h1>HTML文本链接< a name = "top">< /a>< /h1>

第二步是创建一个超链接，将文档链接到你想要到达的地方：

< a href = "http://www.srcmini.com/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.srcmini.com/"> < /head>< body alink = "#54A250" link = "#040404" vlink = "#F40633"> < p>点击以下链接< /p> < a href = "http://www.srcmini.com/html/index.htm" target = "_blank" >HTML教程< /a> < /body>< /html>

下载链接你可以创建文本链接，使你的PDF，或DOC或ZIP文件下载，这很简单，你只需要提供完整的下载文件的URL如下-

< !DOCTYPE html> < html>< head> < title>超链接例子< /title> < /head>< body> < a href = "https://srcmini.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"); }