html5教程-HTML5a标签定义超链接详解

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

前言

<a>标签定义超链接，用于从一张页面链接到另一张页面。?
元素最 重要 的属性是 hr ef 属性，它指示链接的目标。

指向 w3school 的超链接：

 W3School

1

标签的 伪类 样式

一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：

a 表示所有状态下的连接 如 a{color: red }a:link： 未访问链接 ,如 a:link {color:blue}a:vis IT ed： 已访问链接 ,如 a:visited{color:blue}a:active： 激活时（链接获得 焦点 时）链接的颜色 ,如 a:active{color:blue}a:hover： 鼠标移到链接上时 ,如 a:hover {color:blue}

注意： ?
四个[状态]的先后过程是： a:link ?-> a:hover ?-> a:active ?-> a:visited 。?
另外，a:active不能设置有无下划线（总是有的）。

eg：

 a {font- Size: 16px}    a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线    a:active:{color: red; } //激活： 红色     a:visited {color:purple;text-decoration:none;} //已访问：紫色、无下划线    a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线 

设置的样式：

对超链接下划线设置 使用代码] text-decoration ]?
语法：?
text-decoration : none || underline || blink || overline || line -t hrough

text-decoration参数：none : 　无装饰blink : 　闪烁underline : 　下划线line-through : 　贯穿线overline : 　上划线

标签的一些属性

标签是成对出现的,以 开始 , 结束?
属性.

accesskey – 代表一个链接的快捷键访问方式charset – 指定了链接到的页面所使用的编码方式,比如UTF-8coo rds – 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标href – 代表一个链接 源 (就是链接到什么地方)hreflang – 指出了链接到的页面所使用的语言编码rel – 代表文档与链接到的内容(href所指的内容)的关系 rev – 代表文档与链接到的内容(href所指的内容)的关系 Shape – 使用图像地图的时候可以使用sha PE 指定链接区域tabindex – 代表使用"tab"键,遍历链接的顺序t arg et – 用来指出哪个窗口或框架 应该 被此链接打开title – 代表链接的附加提示信息type – 代表链接的 MIME类型 &nbs p;

前言

<a>标签定义超链接，用于从一张页面链接到另一张页面。?
元素最重要的属性是 href 属性，它指示链接的目标。

指向 w3school 的超链接：

 W3School

1

标签的伪类样式

一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：

a 表示所有状态下的连接 如 a{color:red}a:link： 未访问链接 ,如 a:link {color:blue}a:visited： 已访问链接 ,如 a:visited{color:blue}a:active： 激活时（链接获得焦点时）链接的颜色 ,如 a:active{color:blue}a:hover： 鼠标移到链接上时 ,如 a:hover {color:blue}

注意： ?
四个[状态]的先后过程是： a:link ?-> a:hover ?-> a:active ?-> a:visited 。?
另外，a:active不能设置有无下划线（总是有的）。

eg：

 a {font -s ize:16px}    a:link {color: blue; text-decoration:none;} //未访问：蓝色、无下划线    a:active:{color: red; } //激活：红色    a:visited {color:purple;text-decoration:none;} //已访问：紫色、无下划线    a:hover {color: red; text-decoration:underline;} //鼠标移近：红色、下划线 

设置的样式：

对超链接下划线设置 使用代码] text-decoration ]?
语法：?
text-decoration : none || underline || blink || overline || line-through

text-decoration参数：none : 　无装饰blink : 　闪烁underline : 　下划线line-through : 　贯穿线overline : 　上划线

标签的一些属性

标签是成对出现的,以开始, 结束?
属性.

accesskey – 代表一个链接的快捷键访问方式charset – 指定了链接到的页面所使用的编码方式,比如UTF-8coords – 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标href – 代表一个链接源(就是链接到什么地方)hreflang – 指出了链接到的页面所使用的语言编码rel – 代表文档与链接到的内容(href所指的内容)的关系rev – 代表文档与链接到的内容(href所指的内容)的关系shape – 使用图像地图的时候可以使用shape指定链接区域tabindex – 代表使用"tab"键,遍历链接的顺序target – 用来指出哪个窗口或框架应该被此链接打开title – 代表链接的附加提示信息type – 代表链接的MIME类型 

觉得 可用，就经常来吧！ 欢迎评论哦！  html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！

总结

以上是 为你收集整理的 html5教程-HTML5a标签定义超链接详解 全部内容，希望文章能够帮你解决 html5教程-HTML5a标签定义超链接详解 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于html5教程-HTML5a标签定义超链接详解的详细内容...