- 设置一个锚点链接
<a href="#miao">去找喵星人</a>
;(注意:href属性的属性值最前面要加#)
在页面中需要的位置设置锚点
<a name="miao"></a>
;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容设置锚点的位置
<h3 id="miao">喵星人基地</h3>
;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。
<style>
p{
padding: 100px;
}
</style>
<body>
<ul>
<li><a href="#miao">去找喵星人</a></li>
<li><a href="#wang">去找汪星人</a></li>
<li><a href="#meng">其他萌物</a></li>
</ul>
<!-- <a name="miao"></a>设置锚点方法1 -->
<h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<p>喵喵喵~</p>
<a name="wang"></a>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<p>汪汪汪~</p>
<h3 id="meng">mengmengmeng</h3>
<a name="meng"></a>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
<p>萌萌萌~</p>
</body>