如何在HTML,标签及其属性中插入链接

  1. 链接标记<a>及其属性
  2. 如何建立下载文件的链接
  3. 相对和绝对的联系,他们的差异

您好,亲爱的网站Uspei.com的读者。 在这个简短的课程中,我们将有时间学习创建链接的技术。 要在html中插入链接,让我们进入代码 我们的页面 并找到文本“http://www.howtocorp.com/typepilot”。 我有73个文档行。 您可以使用我们的打开此文件 文本编辑器Notepad ++

回到索引↑

链接标记<a>及其属性

现在,在此文本之前,打开创建链接的<a>标记。 这是一个配对标记,因此我们必须在链接以我们结尾的位置关闭标记。

<a> http://www.howtocorp.com/typepilot </a>

现在我们需要注册<a>标签的属性,因为没有它们,浏览器不会理解如何进一步处理我们的链接。 注册链接的第一个必需属性 - href 。 这是链接的主要属性。 它表示此链接的引导位置。 在我们的例子中,链接指向网站http://www.howtocorp.com/typepilot。 因此,我们为href属性指定它。

<a href="http://www.howtocorp.com/typepilotince http://www.howtocorp.com/typepilot </a>

现在让我们看看我们在浏览器中做了些什么。

正如我们所见,文本已变成一个链接。 如果单击此链接,将加载完全不同的页面。 它会加载,注意,而不是我们的页面! 这并不总是方便,因为 您可能会失去访问其他网站链接的访问者。 因此,对于链接,存在目标属性。 如果我们希望在新窗口中打开此链接,我们需要设置_ blank的值。

<a href="http://www.howtocorp.com/typepilot express_==_blueface> http://www.howtocorp.com/typepilot </a>

这就是我们的链接代码的样子。 如果我们在浏览器中刷新页面,我们将看到点击该链接将打开我们的页面,链接上的页面将在另一个选项卡或窗口中打开。

链接的另一个属性是通用标题属性,几乎可以与任何标签一起使用。 该属性负责提示。 通常需要提示用户此链接所在的位置。 当您将鼠标悬停在链接上时,提示应弹出。 让我们为我们的链接写这个属性。

<a href=eshttp://www.howtocorp.com/typepilot"target="_blank enchantingtitle=tРtypeРёР"РРёРtypePilotina> http://www.howtocorp.com/typepilot </a>

现在我们将保存并验证我们是否在浏览器中发布。 因此,当您将鼠标光标悬停在链接上时,我们会有一个提示。

回到索引↑

如何建立下载文件的链接

现在让我们学习如何创建链接,使我们能够下载文件。 为此,我们需要一些文件。 例如,您可以下载此文件。 如果未下载文件,并在新选项卡中打开,请单击鼠标右键,然后单击“另存为”。


链接到time.pdf

让我们通过底部链接以pdf格式下载本文。 但首先,让我们为我们的文件创建一个单独的目录并命名它。 在此文件夹中,我们将文件time.pdf放置。

之后,使用代码打开我们的文件,在最底部,在关闭<body>标记之前,创建一个段落:

<p>以pdf格式下载本文</ p>

让我们保存文件并检查段落是否出现。

已经出现了一个段落,现在我们的任务是使该段落成为文件下载的链接。 为此,我们在<a>标记中包含一个段落。 对于标记,我们规定了href属性,为此我们不指定页面的链接,而是指向特定文件的链接。

<p> <a href="files/time.pdf services>以pdf格式下载本文</a> </ p>

现在,如果我们保存文件并在浏览器中检查其工作,那么当我们点击链接时,我们将开始下载该文件。

回到索引↑

相对和绝对的联系,他们的差异

应该指出的是,在这种情况下,我们指出了一个相对联系,即 我们的链接是相对于文档index.html。

现在让我们举一个绝对链接的例子。 让我提醒您,通过这样的链接,路径将从站点的开头开始完全指示 例如:

<a href="http://www.howtocorp.com/typepilot>点击此处</a>

在此链接中,路径是从站点名称开始指定的,后跟文件夹。 单击此链接将加载此站点上的index.html文件。 当然,在这种情况下,可以在文件夹名称后面指明一个特定页面。 要记住的主要事情是绝对链接从站点开始,并指定文件或文件夹的完整路径。

因此,我们回顾了在html文档中创建链接的过程,处理了<a>标签的属性,还学习了如何不仅创建其他页面的链接,还学习了下载特定文件的链接。 稍后我们将讨论 如何使用链接将您的网站带到顶部



很快见! 做所有事情,并始终在博客Uspei.com的页面上

帮助项目 - 订阅我们的Yandex.DZen频道!