📅  最后修改于: 2020-12-16 05:48:59             🧑  作者: Mango
网页可以包含各种链接,这些链接可以直接将您带到其他页面,甚至是给定页面的特定部分。这些链接称为超链接。
超链接允许访问者通过单击单词,短语和图像在网站之间导航。因此,您可以使用网页上可用的文本或图像来创建超链接。
注意-我建议您阅读有关理解URL的简短教程
使用HTML标记指定链接。该标签称为锚标签,开始标签和结束标签之间的所有内容都成为链接的一部分,用户可以单击该部分以到达链接的文档。以下是使用标记的简单语法。
让我们尝试以下示例,该示例在您的页面上链接http://www.tutorialspoint.com-
Hyperlink Example
Click following link
Tutorials Point
这将产生以下结果,您可以在其中单击生成的链接以到达Tutorials Point(在此示例中)的主页。
在前面的示例中,我们使用了target属性。此属性用于指定打开链接文档的位置。以下是可能的选项-
Sr.No | Option & Description |
---|---|
1 |
_blank Opens the linked document in a new window or tab. |
2 |
_self Opens the linked document in the same frame. |
3 |
_parent Opens the linked document in the parent frame. |
4 |
_top Opens the linked document in the full body of the window. |
5 |
targetframe Opens the linked document in a named targetframe. |
请尝试以下示例,以了解为目标属性提供的几个选项的基本区别。
Hyperlink Example
Click any of the following links
Opens in New |
Opens in Self |
Opens in Parent |
Opens in Body
这将产生以下结果,您可以单击不同的链接来了解为目标属性指定的各种选项之间的区别。
当您链接与同一网站相关的HTML文档时,不需要为每个链接都提供完整的URL。如果在HTML文档标题中使用
下面的示例使用
Hyperlink Example
Click following link
HTML Tutorial
这将产生以下结果,您可以在其中单击生成的链接HTML教程以到达HTML教程。
现在,给定的URL
您可以使用name属性创建指向给定网页特定部分的链接。这是一个两步过程。 注意-HTML5中不推荐使用name属性。不要使用此属性。请改用id和title属性。 首先在网页中创建指向您想到达的地方的链接,并使用标记将其命名,如下所示: 第二步是创建一个超链接以链接文档和您想要到达的地方- 这将产生以下链接,您可以在其中单击生成的链接。转到顶部,到达HTML文本链接教程的顶部。 您可以使用链接到页面部分
Go to the Top
设置链接颜色
将以下内容保存在test.htm中,并在任何Web浏览器中将其打开,以查看link , alink和vlink属性如何工作。
Hyperlink Example
Click following link
HTML Tutorial
这将产生以下结果。只需在单击链接之前检查链接的颜色,然后在激活链接和访问链接时检查其颜色。
您可以创建文本链接以下载PDF或DOC或ZIP文件。这很简单;您只需要提供可下载文件的完整URL,如下所示-
Hyperlink Example
Download PDF File
这将产生以下链接,并将用于下载文件。
有时,您希望提供一个选项,使用户单击链接,该链接将向用户弹出“文件下载”框,而不是显示实际内容。这非常简单,可以在HTTP响应中使用HTTP标头来实现。
例如,如果要使Filename文件可从给定链接下载,则其语法如下。
#!/usr/bin/perl
# Additional HTTP Header
print "Content-Type:application/octet-stream; name = \"FileName\"\r\n";
print "Content-Disposition:attachment; filename = \"FileName\"\r\n\n";
# Open the target file and list down its content as follows
open( FILE, "
注意-有关PERL CGI程序的更多详细信息,请阅读教程PERL和CGI 。