一个简易的连接
<a href="01.html">01</a>
<body> <a href="01.html" target="_blank">01</a> <a href="https://www.bilibili.com/?spm_id_from=666.7.primary_menu.1"> B站</a> <a href="01.html" title="鼠标放上来">01</a> </body>
target="_blank" 可以另开一个网页
title在光标放上时,会显示一个title
<body> <a name="p1"></a> <p>p1</p> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="p2"></a> <p>p2</p> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <p>p3</p> </body>
在<p>中定义一个名字
在<a>标签中 < a name="p">, 可以达到直接跳转地点的目的
</head> <body> <a href="02.html#p1">p1锚点</a> <a href="02.html#p2">p2锚点</a> <a href="02.html#p3">p3锚点</a> <a name="p1"></a> <p>p1</p> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="p2"></a> <p>p2</p> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="p3"></a> <p>p3</p> <br></br> <br></br> <br></br> <br></br> <br></br> <br></br> <br></br> <br></br>
<a name="p">先打一个锚点,之后用<a href="p">来跳转
<css>允许我们针对a标签的4种状态设置各自的css特性,叫做css伪类
<style> a:link { color:gray; } a:hover { color:orange; } a:active { color:black; } a:visited { color:purple; } </style> </head> <body> <div> <a href="#">空连接</a> <a href="#">空连接</a> <a href="#">空连接</a> <a href="#">空连接</a> </div> <div> </div> </body>
a:link是连接最开始的颜色
a:hover是光标在其上且没点击的颜色
a:active是光标点击且没松手的时刻
a:visited是访问过的