4-18编程,跳转起始点会包括返回顶部

来源:4-18 编程练习

丹丹陈

2020-07-07 22:12:07

为什么跳转的时候是跳到蔬菜和运动时,会包含上一行的『返回顶部』,不应该不包含吗?

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

<a name="top">这里是顶部</a><br/>

<!--设置水果锚点链接-->

<a href="#sg">水果</a><br/>

<!--设置蔬菜锚点链接-->

<a href="#sc">蔬菜</a><br/>

<!--设置运动锚点链接-->

<a href="#yd">运动</a><br/>


<!--设置水果标题-->

<a name="sg"></a><h2>水果</h2>

<ul>

<li>香蕉</li>

<li>苹果</li>

<li>葡萄</li>

<li>梨</li>

<li>西瓜</li>

<li>樱桃</li>

<li>菠萝</li>

<li>橙子</li>

<li>柚子</li>

<li>芒果</li>

<li>水蜜桃</li>

<li>苹果</li>

<li>葡萄</li>

<li>梨</li>

<li>西瓜</li>

<li>樱桃</li>

<li>菠萝</li>

<li>橙子</li>

<li>柚子</li>

<li>芒果</li>

<li>水蜜桃</li>

<li>苹果</li>

<li>葡萄</li>

<li>梨</li>

<li>西瓜</li>

<li>樱桃</li>

<li>菠萝</li>

<li>橙子</li>

<li>柚子</li>

<li>芒果</li>

<li>水蜜桃</li>

</ul>

<!--设置返回顶部链接-->

<a href="#top">返回顶部</a>




<!--设置蔬菜标题-->

<a name="sc"></a><h2>蔬菜</h2>

<ul>

<li>西红柿</li>

<li>黄瓜</li>

<li>土豆</li>

<li>芹菜</li>

<li>蒜苔</li>

<li>香菇</li>

<li>豆角</li>

<li>油麦菜</li>

<li>莲藕</li>

<li>菠菜</li>

<li>番薯</li>

<li>黄瓜</li>

<li>土豆</li>

<li>芹菜</li>

<li>蒜苔</li>

<li>香菇</li>

<li>豆角</li>

<li>油麦菜</li>

<li>莲藕</li>

<li>菠菜</li>

<li>番薯</li>

<li>黄瓜</li>

<li>土豆</li>

<li>芹菜</li>

<li>蒜苔</li>

<li>香菇</li>

<li>豆角</li>

<li>油麦菜</li>

<li>莲藕</li>

<li>菠菜</li>

<li>番薯</li>

<li>黄瓜</li>

<li>土豆</li>

<li>芹菜</li>

<li>蒜苔</li>

<li>香菇</li>

<li>豆角</li>

<li>油麦菜</li>

<li>莲藕</li>

<li>菠菜</li>

<li>番薯</li>

</ul>


<!--设置返回顶部链接-->

<a href="#top">返回顶部</a>


<!--设置运动标题-->


<a name="yd"></a><h2>运动</h2>

<ul>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

<li>滑冰</li>

<li>游泳</li>

<li>羽毛球</li>

</ul>

<br/>

<!--设置返回顶部链接-->

<a href="#top">返回顶部</a>


</body>

</html>




写回答

1回答

好帮手慕码

2020-07-08

同学你好,修改下标签嵌套即可:

http://img.mukewang.com/climg/5f05270f09c9cf6703730064.jpg

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程