<!DOCTYPE html>
<html>
<head>
<title>HTML链接示例</title>
</head>
<body>
<h1>超链接示例</h1>
<p>这是一个包含超链接的段落:<a href="https://www.example.com">示例链接</a></p>
<p>另一个超链接,指向相对路径:<a href="/page2.html">页面2</a></p>
</body>
</html>
在上述示例中,<a> 元素用于创建超链接。重要的属性是 href,它指定链接的目标。链接可以指向外部网页(使用绝对URL)或当前网站内的其他页面(使用相对URL)。
此外,你还可以使用 target 属性来指定链接如何打开。常见的值包括:
- _blank:在新标签页或新窗口中打开链接。
- _self:在当前标签页中打开链接(默认行为)。
- _parent:在父框架中打开链接。
- _top:在顶级框架中打开链接。
<a href="https://www.example.com" target="_blank">在新标签页打开链接</a>
此外,你还可以在链接中包含文本以及其他HTML元素,使链接更具信息性:
<p>点击 <a href="https://www.example.com">这里</a> 访问示例网站。</p>
通过合理使用超链接,可以有效地导航用户到网站的不同部分或到其他相关资源。
转载请注明出处:http://www.zyzy.cn/article/detail/12474/HTML5