📜  HTML-文本链接

📅  最后修改于: 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文档标题中使用标记,则可以摆脱它。此标记用于为所有链接提供基本路径。因此,您的浏览器会将给定的相对路径连接到该基本路径,并生成完整的URL。

下面的示例使用标记指定基本URL,稍后我们可以使用所有链接的相对路径,而不是为每个链接提供完整的URL。

Hyperlink Example
      
   
    
   
      

Click following link

HTML Tutorial

这将产生以下结果,您可以在其中单击生成的链接HTML教程以到达HTML教程。

现在,给定的URL

链接到页面部分

您可以使用name属性创建指向给定网页特定部分的链接。这是一个两步过程。

注意-HTML5中不推荐使用name属性。不要使用此属性。请改用idtitle属性。

首先在网页中创建指向您想到达的地方的链接,并使用标记将其命名,如下所示:

第二步是创建一个超链接以链接文档和您想要到达的地方-

这将产生以下链接,您可以在其中单击生成的链接。转到顶部,到达HTML文本链接教程的顶部。

Go to the Top 

设置链接颜色

您可以使用标签的linkalinkvlink属性设置链接,活动链接和已访问链接的颜色。

将以下内容保存在test.htm中,并在任何Web浏览器中将其打开,以查看linkalinkvlink属性如何工作。

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