超链接及伪超链接

超链接可以让我们从一个页面跳转到其他也米昂，或者是当前页面的其他位置

使用a标签来定义超链接，属性：href 制定跳转的目标路径,值可以是一个外部网站的地址、也可以是一个内部页面的地址，

超链接也是一个行内元素，在a标签中可以嵌套除它自身外的任何元素

a标签中有一个target属性，用来制定超链接打开的位置。

可选值：

_self 默认值，在当前页面中打开超链接

_blank在一个新的页面打开超链接

理论无用，直接上代码！！！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="10-Demo.html" target="blank">个人信息网</a>
    <!--  -->
    <br><br><br><br><br>
    <a href="#db">去底部</a>
    <br>
    <a href="#two">去第二次然段</a>
    
    <p id="two">小毛驴</p>
    
     <a href="#" id="db">去顶部</a>

</body>



</html>
<!--关于如何在本页中添加超链接，只需要将想要去的标签里面添加一个id属性，并且为之附上一个唯一的值，就可以作为一超链接地标使用-->

伪超链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        /* 
        
            :link 用来表示没访问过的链接(正常的链接)

        */
        a:link{
            color: red;

        }
        /* :visited 用来表示访问过的链接
            由于隐私的原因，所以 visited这个伪类只能修改链接的颜色
        */

        a:visited{
            color: seagreen;

        }
        /* 
        :hover用来表示鼠标移入的状态
        */
        a:hover{
            color: gold;
            font-size: 40px;

        }
        /*用来表示鼠标点击  */
        a:active{
            color: black;
        }
    </style>
    

</head>
<body>
    <a href="https://www.baidu.com/">进入过的网站</a>
    <br>
    <a href="https://www.baidu123.com/">没有进入过的网站</a>
</body>
</html>

__EOF__

本文作者：无忧
本文链接：https://www.cnblogs.com/weizw/p/15414173.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！