CSS之a标签锚点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试A标签</title>
    <link rel="shortcut icon" href="image/rose.jpg">
</head>
<body>
<!--href进行锚点定位
href为某个标签的id 标签的ID不允许重复-->
<p>对a标签进行测试</p>
<a href="#id1">第一章</a>
<a href="#id2">第二章</a>
<a href="#id3">第三章</a>
<a href="#id4">第四章</a>
<div id="id1" style="height:600px">第一章内容</div>
<div id="id2" style="height:600px">第二章内容</div>
<div id="id3" style="height:600px">第三章内容</div>
<div id="id4" style="height:600px">第四章内容</div>
</body>
</html>
a标签