在HTML中,我们可以使用a标签来实现超链接。

语法:

a标签付ulr jquery a标签 html_html


href:是你想要跳转到那个页面的路径(也就是地址),可以是下相对路径,也可以是绝对路径。

下面我简单的介绍哈什么是相对路径,什么是绝对路径:

绝对路径的书写格式:协议://域名/目录

绝对路径的协议和域名可以省略但是目录不能省略如:http://www.baidu.com/zhidao中的http就是协议 baidu.com就是域名, /zhidao就是目录,/zhidao不能省略。

相对路径:./路径,但是./可以省略,直接编写如girl.png,也可以加上./girl.png,"./“代表当前目录,”…/"代表上一级目录,如果还不懂相对路径与绝对路径可以百度哈,

a标签应用场景:一、页面链接(本地)

页面链接需要的是一个完整的网址,如下图所示

a标签付ulr jquery a标签 html_a标签付ulr jquery_02

当在页面点击百度是就会跳转到百度首页。二、锚点

锚点是一种页面内部定位方式,当制作一个很长网页时需要在页面内做一个导航,点击导航里的链接不是新开的一个窗口或者网址,而是跳转到当前页面的某个位置,所跳转的位置称为锚点。

HTML结构如下,有一个目录标题,一个文章分成了三段,每段有个标题。

a标签付ulr jquery a标签 html_锚点_03


给标题添加id属性,如下图

a标签付ulr jquery a标签 html_绝对路径_04


给目录标题中设置超链接就可以实现锚点。

a标签付ulr jquery a标签 html_a标签_05


三、打开新页面(外部页面链接)

默认情况下,超链接都是在原来出口打开超链接,a标签的target有四种属性值。

_self : 默认值 在原来出口打开链接。

_blank : 新窗口打开链接。

_blank : 在父出口打开链接。

_top : 在顶层窗口打开链接。

a标签付ulr jquery a标签 html_html_06


表示新窗口打开百度首页。四、其它作用

a标签可以打电话、也可以发送邮箱,如下图所示

a标签付ulr jquery a标签 html_a标签_07


总结:

a标签用于锚点这是最常用的、本地页面链接、外部页面链接,还有些打电话、发送邮件等功能。