五、链接标签

130 阅读1分钟

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 标签显示的内容文字默认有下划线,文字默认显示蓝色,点击过后,文字显示为紫色,要想恢复默认颜色,清除浏览器历史记录即可。

image.png

(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>

通常我们在开发中暂时不确定某个链接要跳转到哪里去,可以用空链接先占个位置,之后再行补充。 空链接点击之后会回到顶部。