前端自学复习总结（四）

目录

6.1超链接标签

1、超链接简介

2、a标签

6.2链接的分类

1、外部链接：

2、内部链接：

3、空连接：

4、下载链接：

5、网页元素链接：

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>