html中a标签

2020-05-19  本文已影响0人  web前端技术

此标签中,href属性是必须要写的,其属性值一般有以下几点用法:

1、超链接


<a   href = "要跳转的网址"></a>,比如:<a  href = "http://baidu.com">百度</a>
此用法指的是点击百度,就会跳转到百度的页面中。

2、锚点定位

<a  href = "#id名"> 标题 n < / a > 
/*<标签    id = id 名>< / 标签>*/

此用法指的是给标签(比如<p> <span>等)和a链接标签指定一个相同的id名,即可在同一页面上相互跳转。

3、打电话、发邮件等功能

<a href = "tel:1×××××××××">给某人打电话</a>
<a href = "mailto:×××@163.com">发邮件</a>

此用法就会给指定的人打电话

4、不同的html页面的相互跳转

直接将html文件名写进href中即可。即<a href="index.html"></a>

a标签样式

a {
    /* 取消下划线 */
     text-decoration: none;
    /* 取消选中时的背景色 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 /* 已读时的字体颜色 */
 a:visited {
        color: red;
 }
/* 点击时的字体颜色 */
a:active {
       color: dodgerblue;
}
a:link {
      background:#B2FF99;
      color:red;
} 
 /* 未被访问的链接 */
a:visited {
     background:#FFFF85;font- 
     family:color:gray;
}
 /* 已被访问的链接 */
a:hover {
      background:#FF704D;
      text-transform:uppercase;
}  
/* 鼠标指针移动到链接上 */
a:active {background:#FF704D;}
 /* 正在被点击的链接 */
上一篇下一篇

猜你喜欢

热点阅读