上一篇: HTML 列表

下一篇: HTML 图像

什么是HTML链接?

HTML链接(超链接)是HTML中的一个基本元素,它允许用户从一个页面跳转到另一个页面、文件或资源。链接可以是文本、图片或其他HTML元素。

创建HTML链接

要创建一个HTML链接,您需要使用 <a> 标签,并设置 "href" 属性指向目标URL。以下是一个简单的示例:

                    访问示例网站
                

上面的代码会显示一个名为“访问示例网站”的链接,当你点击它时,它会将你带到www.example.com。

在新标签页中打开链接

要在新标签页中打开链接,只需在 <a> 标签中添加 "target" 属性,并设置其值为 "_blank"。请参阅以下示例:

                    在新标签页中访问示例网站
                

使用图片作为链接

您还可以将图片设为链接。要实现这一点,只需将 <img> 标签放在 <a> 标签内部。例如:

                <a href="https://www.example.com">
                <img src="example_logo.png" alt="示例网站Logo" />
                </a>
                

创建锚点链接

有时候,我们希望链接能够导航到同一个页面的不同部分。在这种情况下,我们可以使用锚点链接。首先,在目标位置放置一个带有 "id" 属性的HTML元素:

                    

第一部分

然后,在链接中使用 "#" 符号和目标元素的ID创建锚点链接:

                    跳转到第一部分
                

当用户点击此链接时,浏览器将滚动到具有该特定ID的元素。

总结

现在你已经学会了如何创建和使用HTML链接。它们是构建网站和导航内容的基本工具。请继续探索其他HTML元素,以便更好地理解和使用这种强大的标记语言。