六、链接标签(a标签)
一)介绍
1.使用场景:
点击之后从一个页面跳转到另一个页面
2.别名:
a标签、超链接
3.代码格式:
<a href="./目标网页.html">目标网页</a>">
4.特点:
1)是双标签,中间可以包裹内容;
2)实现跳转需要设置href属性;
3)a标签默认文字有下划线
想要取消可以在css中设置{text-decoration: none;}
4)a标签默认在从未点击过时文字颜色为蓝色,点击之后变为紫色(清除浏览器历史记录可恢复颜色)
想要重新设置字体颜色可在css中设置{color:red}
二)链接标签的href属性:
属性名:href
属性值:目标网页的路径
外部链接:< a href="www.baidu.com/">百度一下< /a >
内部链接:< a href="./目标网页.html">目标网页< /a >
三)链接标签的target属性:
属性名:target
属性值:目标网页的打开形式
作用:在a元素里增加target属性,可控制在点击超链接后,新的页面是否在新窗口中打开(写在body里)
取值:
| 取值 | 效果 |
|---|---|
| _self | 默认值,在当前标签页面中跳转(覆盖原网页) |
| _blank | 在新标签页面中跳转(保留原网页) |
代码格式:
<a href="http://www.baodu.com/" target="_blank">百度一下</a>
四)空连接(拓展补充)
1.使用场景:
开发中不确定该链接最终跳转位置时,用空连接占个位置,点击之后回到网页顶部
2.代码格式:
<a href="#">空连接</a>
\