如何在 HTML 中添加链接

17 Mar 2025 | 4 分钟阅读

在这里,我们将介绍如何在两种不同方式下链接文本:

  1. 将文本链接到另一个Html页面
  2. 将文本链接到同一页面上的某个部分。

将文本链接到另一个页面

如果我们要向Html文档添加或插入链接,以将当前工作页面链接到另一个Html页面,那么我们必须遵循以下步骤。使用以下步骤,我们可以轻松链接到另一个Html页面。

步骤 1: 首先,我们必须在任何文本编辑器中输入Html代码,或者在要添加另一个Html页面链接的文本编辑器中打开现有的Html文件。

步骤 2: 现在,将光标移动到我们要创建为链接的文本的开头。然后,在该点输入锚点<a>标签。

步骤 3: 然后,您必须在要创建为链接的文本的末尾关闭锚点 </a> 标签,如以下代码块所示。

步骤 4: 现在,我们必须添加锚点标签的属性,其名称为"href"。因此,在起始<a>标签内输入href属性。然后,我们必须给出要添加的html页面的路径。因此,在href属性中输入路径,如以下代码块或Html代码所示。

立即测试

步骤 5: 最后,我们必须将Html代码保存在与链接的Html页面相同的目录或相同位置,然后运行代码。以下屏幕截图显示了上述Html代码的输出。

How to add Link in Html

将文本链接到同一页面上的某个部分

如果我们要将文本链接到同一页面的特定部分,请遵循以下步骤。使用以下步骤,我们可以轻松链接到同一页面上的另一个部分。

步骤 1: 首先,我们必须在任何文本编辑器中输入Html代码,或者在要移动到同一Html页面特定部分的文本编辑器中打开现有的Html文件。

步骤 2: 现在,将光标放在要链接的部分的开头。然后,我们必须使用带有id属性的<a>锚点标签。

步骤 3: 现在,将光标移动到我们要创建为链接的文本的开头。然后,在该点输入锚点<a>标签。

步骤 4: 然后,您必须在要创建为链接的文本的末尾关闭锚点</a>标签,如以下代码块所示。

步骤 5: 现在,我们必须添加锚点标签的属性,其名称为"href"。因此,在起始</a>标签内输入href属性。然后,我们必须给出同一页面的特定部分的id。因此,在href属性中输入id,前面带#号。如以下代码块或Html代码所示。

步骤 6: 最后,我们必须保存Html文件,然后执行该文件。以下屏幕截图显示了上述Html代码的输出。

How to add Link in Html