超链接及伪超链接


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

使用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>

 

 

 

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM