📜  如何创建 HTML 链接 - Html (1)

📅  最后修改于: 2023-12-03 15:24:03.404000             🧑  作者: Mango

如何创建 HTML 链接 - HTML

在 HTML 中创建超链接是很容易的。HTML 中的链接可以跳转到其他网页,也可以在同一网页中跳转到不同的部分。

创建基本的 HTML 链接

要创建基本的 HTML 链接,请使用 <a> 标签,并在该标签中添加 href 属性,该属性指定要链接到的 URL。

下面是一个简单的 HTML 链接示例:

<a href="https://www.example.com">这是一个链接</a>

在此示例中, "https://www.example.com" 是链接的 URL。当用户单击链接时,他们将被带到指定的 URL。

将链接打开在新窗口中

默认情况下,HTML 链接将在当前窗口或选项卡中打开。但是,您可以将链接设置为在新窗口或标签中打开。

要将链接打开在新窗口或标签中,请在 <a> 标签中添加 target 属性,并将其设置为 "__blank"

<a href="https://www.example.com" target="_blank">将链接打开在新标签页中</a>
在同一页面中创建 HTML 链接

HTML 链接不仅可以链接到其他网页,还可以在同一页面中跳转到不同部分。要在同一页面中创建链接,请在 href 属性中添加锚点名称。

<a href="#bookmark">跳转到书签</a>

...

<a name="bookmark">这是一个书签</a>

在此示例中,<a href="#bookmark"> 将跳转到具有名称 "bookmark" 的锚点。

添加图像链接

您可以将图像转换为链接,并在单击图像时跳转到 URL。要创建图像链接,请将 <img> 标签包装在 <a> 标签中。

<a href="https://www.example.com"><img src="image.jpg" alt="示例图像"></a>

在此示例中,<a> 标签中的 href 属性指向链接的 URL,而内部的 <img> 标签表示要显示的图像。

总结

HTML 链接是通过 <a> 标签和 href 属性创建的。您可以将链接设置为在新窗口或标签中打开,并且可以在同一页面中创建链接。您还可以将图像转换为链接。