首页前端开发HTMLHTML5a标签定义超链接详解

HTML5a标签定义超链接详解

时间2024-01-26 18:40:03发布访客分类HTML浏览304
导读:收集整理的这篇文章主要介绍了html5教程-HTML5a标签定义超链接详解,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 前言 <a>...
收集整理的这篇文章主要介绍了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教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divpost-format-gallery

若转载请注明出处: HTML5a标签定义超链接详解
本文地址: https://pptw.com/jishu/587132.html
录制的视频在html5网页中用video标签无法播放的问题如何解决? 树形数据展示方式+H5拖动效果实例

游客 回复需填写必要信息