目录
6.1超链接标签
6.2链接的分类
6.3锚点链接
6.1超链接标签
1、超链接简介
在HTML标签中,<a>标签用于定义超链接,作用是从一个页面连接到另一个页面。每一个网站都是由非常多的网页组成,而页面之间通常都是通过超链接来相互关联的。
2、a标签
语法格式:
<a href=”跳转目标的链接地址” target=“目标窗口的弹出方式”>文本或图像</a>
包含两种属性:
href:href表示你想要跳转到那个页面的路径(就是地址),可以是相对路径,也可以是绝对路径。链接的范围非常广,我们可以将文本设置为超链接,这个叫做“文本超链接”。也可以将图片设置为超链接,这个叫做“图片超链接”。
target:可以使用target属性来定义超链接打开窗口的方式。
target的属性:
属性值 | 说明 |
_self | 默认值,在原来的窗口打开链接 |
_blank | 在新窗口打开链接 |
_parent | 在父窗口打开链接 |
_top | 在顶层窗口打开超链接 |
默认的打开方式是_self
6.2链接的分类
1、外部链接:
例如--<a href=“百度一下,你就知道”>百度</a>
2、内部链接:
网站内部页面之间的互相链接,直接链接内部页面名称即可。
3、空连接:
如果当时还没有确定链接目标时,<a href=”#”>首页</a>
4、下载链接:
如果href里面地址是一个文件或者压缩包,会下载这个文件
5、网页元素链接:
在网页中的各种元素,如文本、图像、表格、音频、视频等都可以添加超链接。
6.3锚点链接
有些页面内容比较多,导致页面过长,此时用户需要不停拖动浏览器上的滚动条才可以看到下面的内容。为了方便用户操作,我们可以使用锚点链接来优化用户体验。所谓的锚点链接,简单来说,就是点击某一个超链接,然后它就会跳到当前页面的某一部分。
格式:
在链接文本的href属性中,设置属性值为#名字的形式,如<a href=”#two”>第二季</a>。
找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id=”two”>第二季介绍</h3>