a标签超链接跟伪类标签

最新推荐文章于 2023-04-19 17:38:05 发布

MAAAOHAN

最新推荐文章于 2023-04-19 17:38:05 发布

阅读量252

点赞数

分类专栏：超链接文章标签： HTML

本文链接：https://blog.csdn.net/MAAAOHAN/article/details/103016904

版权

超链接专栏收录该内容

1 篇文章 0 订阅

订阅专栏

a 标签超链接

双标签

我是超链接标签

href：表示链接的地址，可以是在线的地址，也可以是本地的html文件。

target：表示页面打开方式；

_blank：表示在新的窗口打开；

_self：表示在当前窗口打开（默认）；

如果 href="#" ，表示为空链接。

a 标签里面不光可以写文字，可以加图片，当用户直接点击图片就可以跳转到相关页面！
1、例子

       <img   src="图片的路径"   alt=" 图片不显示时展现的文字"   title="当鼠标悬停时出现的文字">

 </a>

<a href="https://detail.meizu.com/item/meizu16spro.html" target="_blank">
            <img src="../img/01.jpg" alt="">
</a>

二、 a 标签伪类

 ：link    未点击时的状态；

 ：visited     当鼠标点击之后的状态；

 ：hover    当鼠标悬停或者划过时的状态；

 ：active     当鼠标点击时出现的状态；
  
  1、例子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>a标签之伪类标签练习</title>
    <style>
        a:link {  /* 未点击时的状态 */
            color: aquamarine;
        }
        a:visited { 
            color: red;
        }   /*当鼠标点击后的状态 */
        a:hover {
            color: blueviolet
        }  /*当鼠标悬停时、划过时所表现的状态*/
        a:active {  
            color: #ff912f;
        }/*当鼠标点击时、按住时的状态*/
    </style>
</head>
<body>
    <a href="www.4399.com">4399nb</a>
</body>
</html>

MAAAOHAN

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
a标签超链接跟伪类标签

a 标签超链接双标签我是超链接标签 href：表示链接的地址，可以是在线的地址，也可以是本地的html文件。target：表示页面打开方式；_blank：表示在新的窗口打开；_self：表示在当前窗口打开（默认）；如果 href="#" ，表示为空链接。a 标签里面不光可以写文字，可以加图片，当用户直接点击图片就可以跳转到相关页面！1、例子 <img...
复制链接

扫一扫