a标签跳转到另一个页面(超链接a标签的属性详解)

超链接a标签作用：可以让我们从一个页面跳转到其他页面，或者是当前页面的其他位置

使用方法：使用 a标签 来定义超链接

注意：a标签 是行内元素 、a标签 可以嵌套除它自身的任何元素

1、属性：href 指定跳转的目标的路径

(1) a标签可以跳转到外部站点的页面，也可以跳转内部页面的地址

<a href="index.jsp" target="_blank">超链接</a>

<a href="https://www.baidu.com" target="_self"><div class="aa">超链接</div></a>

(2) 可以直接将超链接的href的属性设置为 '#'

这样点击超链接以后页面不会发生跳转 而是当前页面的顶部位置
<a id="bottom" href="#">回到顶部</a>

(3) a标签跳转到另一个页面的指定位置 ，只需要将href属性设置为 #目标元素的id属性值 (锚点)

<a href="#bottom">去底部顶部</a>

2、属性：targer 用来指定超链接打开的位置

(1). _self :当前页打开（默认值）

<a href="https://www.baidu.com" target="_self">当前页面<a>

(2). _blank :新建页面打开

<a href="index.jsp" target="_blank">新页面打开</a>

超链接a标签的属性如下图所示：