1. 链接标签
我们在浏览网页的时候,点击某一个网址,就会从一个页面跳转到另一个页面,而这个网址就是超链接,有时候也称其为 a 链接 或 锚链接 <a href=""></a> 。
a 标签是双标签,内部可以包裹要显示的内容,如果想要点击超链接后跳转到指定页面,需要设置标签的 href 属性。
2. 属性
(1)href 属性
属性值: 要跳转的目标网页路径
<body>
<!-- 外部链接 -->
<a href="https://www.baidu.com">百度</a>
<hr>
<!-- 内部链接 -->
<a href="./文本格式化标签.html">目标网页</a>
</body>
a 标签显示的内容文字默认有下划线,文字默认显示蓝色,点击过后,文字显示为紫色,要想恢复默认颜色,清除浏览器历史记录即可。
(2)target 属性
属性值:目标网页的打开形式
点击超链接之后,可以选择在当前窗口打开目标网页,也可以选择跳转新窗口,这两种形式分别对应 _self 值和 _blank 值,前一种是默认值,会覆盖原网页;后一种则会保留原网页,新打开一个窗口。
<body>
<a href="https://www.baidu.com" target="_blank">百度</a>
<hr>
<!-- 两种写法效果相同 -->
<a href="./文本格式化标签.html" target="_self">目标网页1</a>
<br>
<a href="./文本格式化标签.html" >目标网页2</a>
</body>
3. 空链接
<a href="#">空链接</a>
通常我们在开发中暂时不确定某个链接要跳转到哪里去,可以用空链接先占个位置,之后再行补充。 空链接点击之后会回到顶部。