html 超鏈接標簽 錨點 a標簽偽類
阿新 • • 發佈：2018-08-17
鏈接 跳轉 rom htm href prim 顏色 div head
一個簡易的連接
<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是訪問過的
html 超鏈接標簽 錨點 a標簽偽類