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

 分类:html知识时间:2022-09-07 07:30:01点击:

超链接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标签的属性如下图所示:

超链接a标签的属性

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: