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

发布时间:2018-12-12 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-HTML5a标签定义超链接详解脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

前言

<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-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-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类型 

前言

<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-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-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标签定义超链接详解所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: