超鏈接可以讓我們從一個頁面跳轉到其他也米昂,或者是當前頁面的其他位置
使用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>