05-a标签--超链接

原创于 2020-01-03 15:13:47 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

web基础专栏收录该内容

22 篇文章

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--&lt;!&ndash;href 属性 要跳转的链接/地址&ndash;&gt;-->
<!--<a href="https://www.baidu.com" >百度一下</a> <br>-->

<!--&lt;!&ndash; target="_blank" 新打开一个页面； 默认在当前页面打开链接&ndash;&gt;-->
<!--<a href="https://www.baidu.com" target="_blank">百度一下</a>-->


<!--# 锚点，定位作用-->
<a href="#p01">跳到1</a>
<a href="#p02">跳到2</a>
<a href="#p03">跳到3</a>
<a href="#p04">跳到4</a>
<a href="#p05">跳到5</a>


<p id="p01" style="height: 800px; background: red;">1</p>
<p id="p02" style="height: 800px; background: yellow;">2</p>
<p id="p03" style="height: 800px; background: green;">3</p>
<p id="p04" style="height: 800px; background: blue;">4</p>
<p id="p05" style="height: 800px; background: deeppink;">5</p>




</body>
</html>