超链接可以让我们从一个页面跳转到其他也米昂,或者是当前页面的其他位置
使用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>