超鏈接及偽超鏈接


超鏈接可以讓我們從一個頁面跳轉到其他也米昂,或者是當前頁面的其他位置

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