在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标签用于锚点这是最常用的、本地页面链接、外部页面链接,还有些打电话、发送邮件等功能。