美文网首页
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表单

    html5 中的标签 其他标签 html中的属性

  • html中a标签

    此标签中,href属性是必须要写的,其属性值一般有以下几点用法: 1、超链接 2、锚点定位 此用法指的是给标签(比...

  • HTML知识点总结

    html结构 html标签,在HTML中一个网页时从HTML开始,到HTML结束 HTML中head标签中的的...

  • CSS选择器

    标签选择器(html中的标签名称) id选择器(html标签中绑定的id名) 类选择器(html标签中绑定的cla...

  • 网页设计:HTML常用的五种标签

    div标签 p标签 span标签 a标签 img标签 html:超级文本标记语言 1,div标签: 是在html中...

  • HTML笔记-- 其他常用标签

    HTML笔记-- 其他常用标签 标签(空格分隔): HTML html中其他常用标签: b:加粗 s:删除线 u:...

  • 03.图像标签img

    1.图像标签简介 在 HTML 标签中, 标签用于定义 HTML 页面中的图像。 src 是 标签的必须属性,它...

  • 08.js获取标签中的内容

    //获取标签中的HTML内容 console.log($('#outer').html()) //获取标签中的文本...

  • 常用标签

    所有的网页的内容都需要编写到html标签中,一个页面中html标签只能有一个。 html标签中有两个...

  • HTML表单标签

    表单:专门用来搜集用户信息 元素:在HTML中 标签、标记、表单都是指HTML中的标签如: a标签、a标记、a...

网友评论

      本文标题:html中a标签

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