上一篇: 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元素,以便更好地理解和使用这种强大的标记语言。