美文网首页
html中a标签

html中a标签

作者: web前端技术 | 来源:发表于2020-05-19 20:49 被阅读0次

    此标签中,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;}
     /* 正在被点击的链接 */
    

    相关文章

      网友评论

          本文标题:html中a标签

          本文链接:https://www.haomeiwen.com/subject/vgcvohtx.html