HTML04 - a标签(超链接)「终于解决」

(51) 2023-07-05 17:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说HTML04 - a标签(超链接)「终于解决」,希望能够帮助你!!!。

a标签

作用:可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置

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

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

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

(1) 可以跳转外部网站的一个地址 也可以跳转内部页面的地址

<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) 跳转到指定位置 ,只需要将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>

HTML04 - a标签(超链接)「终于解决」_https://bianchenghao6.com/blog__第1张

全部a标签属性

上一篇

已是最后文章

下一篇

已是最新文章

发表回复