六、链接标签(a标签)

·  阅读 67
六、链接标签(a标签)

六、链接标签(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>
复制代码

\

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改