HTML中a标签的作用

在HTML中,我们可以使用a标签来实现超链接。
语法:在这里插入图片描述
href:是你想要跳转到那个页面的路径(也就是地址),可以是下相对路径,也可以是绝对路径。
下面我简单的介绍哈什么是相对路径,什么是绝对路径:
绝对路径的书写格式:协议://域名/目录
绝对路径的协议和域名可以省略但是目录不能省略如:http://www.baidu.com/zhidao中的http就是协议 baidu.com就是域名, /zhidao就是目录,/zhidao不能省略。
相对路径:./路径,但是./可以省略,直接编写如girl.png,也可以加上./girl.png,"./“代表当前目录,”…/"代表上一级目录,如果还不懂相对路径与绝对路径可以百度哈,
a标签应用场景:

一、页面链接(本地)
页面链接需要的是一个完整的网址,如下图所示
在这里插入图片描述当在页面点击百度是就会跳转到百度首页。

二、锚点
锚点是一种页面内部定位方式,当制作一个很长网页时需要在页面内做一个导航,点击导航里的链接不是新开的一个窗口或者网址,而是跳转到当前页面的某个位置,所跳转的位置称为锚点。
HTML结构如下,有一个目录标题,一个文章分成了三段,每段有个标题。
在这里插入图片描述
给标题添加id属性,如下图
在这里插入图片描述
给目录标题中设置超链接就可以实现锚点。
在这里插入图片描述
三、打开新页面(外部页面链接)
默认情况下,超链接都是在原来出口打开超链接,a标签的target有四种属性值。
_self : 默认值 在原来出口打开链接。
_blank : 新窗口打开链接。
_blank : 在父出口打开链接。
_top : 在顶层窗口打开链接。
在这里插入图片描述
表示新窗口打开百度首页。

四、其它作用
a标签可以打电话、也可以发送邮箱,如下图所示
在这里插入图片描述
总结:
a标签用于锚点这是最常用的、本地页面链接、外部页面链接,还有些打电话、发送邮件等功能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值