手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html 锚点使用

时间:2024-10-21 16:35:05

1、方法一: ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#) ②:在页面中需要的位置设置锚点<a name="miao"></a>;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容

2、方法二: ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#). ②:设置锚点的位置 <h3id="miao">喵星人基地</h3>;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加# 方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

3、小案例:( bidh.html )<!doctype html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>萌宠集结号</title></head><body> <ul> <li><a href="#miao">去找汪星人</a></li> <li><a href="#wang">去找燃气</a></li> <li><a href="#meng">去找萌物</a></li> </ul> <p id="miao">喵星人基地</p><!--设置锚点方法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> <a name="meng"></a> <p>萌物~</p> <p>萌物~</p> <p>萌物~</p> <p>萌物~</p> <p>萌物~</p> <p>萌物~</p></body></html>

© 手抄报圈