首页 >> HTML+CSS >> HTML|关于文本的这些知识点,你了解吗?

HTML|关于文本的这些知识点,你了解吗?

287865 2020-05-14 0
浏览次数321

网页可以包含各种链接,这些链接可直接将您带到其他页面,甚至是给定页面的特定部分。这些链接称为超链接。

超链接允许访问者通过单击单词,短语和图像在网站之间导航。因此,您可以使用网页上可用的文本或图像来创建超链接。

链接文件

使用HTML标记<a>指定链接。该标签称为锚标签,开始<a>标签和结束</a>标签之间的所有内容都成为链接的一部分,用户可以单击该部分以到达链接的文档。以下是使用<a>标记的简单语法。

<a href = "Document URL" ... attributes-list>Link Text</a> 

让我们尝试下面的示例,该示例在您的页面上链接http://www.tutorialspoint.com-

目标属性

在前面的示例中,我们使用了target属性。此属性用于指定打开链接文档的位置。以下是可能的选项

请尝试以下示例,以了解为目标属性提供的几个选项的基本区别。

基本路径的使用

当您链接与同一网站相关的HTML文档时,不需要为每个链接都提供完整的URL。如果在HTML文档标题中使用<base>标记,则可以摆脱它。该标签用于为所有链接提供基本路径。因此,您的浏览器会将给定的相对路径连接到该基本路径,并生成完整的URL。

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

链接到页面部分

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

 -该名称在HTML5弃用属性。不要使用此属性。请改用idtitle属性。

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

<h1>HTML Text Links <a name = "top"></a></h1>

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

<a href = "/html/html_text_links.htm#top">Go to the Top</a>

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

Go to the Top 

设置链接颜色

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

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

下载链接

您可以创建文本链接以下载PDF或DOC或ZIP文件。这很简单;您只需要提供可下载文件的完整URL,如下所示-

文件下载对话框

有时,您希望提供一个选项,使用户单击链接,该链接将向用户弹出“文件下载”框,而不是显示实际内容。这非常简单,可以在HTTP响应中使用HTTP标头来实现。

例如,如果要使Filename文件可从给定链接下载,则其语法如下。


全部评论:0