<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

a链接可以调用JavaScript脚本文件

<a href="javascript：alert('你点我干啥啊')"></a>

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

一、超链接不同时期的样式

1、默认情况下：字体为蓝色，带有下划线。

2、鼠标点击时：字体为红色，带有下划线。

3、鼠标点击后：字体为紫色，带有下划线。

二、超链接伪类

用伪类定义鼠标点击的不同时期样式。

语法(必须按照顺序定义）;

a:link{…}                          //	定义a元素未访问时的样式
a:visited{…}                     //	定义a元素访问后的样式
a:hover{…}                     //	定义鼠标经过a元素时的样式
a:active{…}                    //定义鼠标点击激活时的样式

举例：

<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

一、超链接作用：

网页间或本地文件间相互跳转

二、超链接标签：a

网页跳转示例：

<a href="https://www.baidu.com/">百度网站</a>

本地跳转示例

<a href="second.html">跳转到第二个网站</a>

效果：

点击百度网站后，会跳转到百度网站

href属性：可以是跳转的网页或者本地文件的位置

target属性：

1、_self 默认值，在原来窗口打开链接

2、_blank 在新窗口打开链接（常用）

3、_parent 在父窗口打开链接

4、_top 在顶层窗口打开链接

示例：

<a href="https://www.baidu.com/" target="_blank">百度网站</a>

三、锚点链接

有些页面内容比较多，导致页面过长，此时用户需要不停拖动浏览器上的滚动条才可以看到下面的内容。为了方便用户操作，我们可以使用锚点链接来优化用户体验。