请老师看下编程练习

<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top" id="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="#fruit">水果</a><br/>
<!--设置蔬菜锚点链接-->
<a href="#vegetables">蔬菜</a><br/>
<!--设置运动锚点链接-->
<a href="#sport">运动</a><br/>

<!--设置水果标题-->
<h2 id="fruit">水果</h2>
<ul>
    <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>

<!--设置蔬菜标题-->
<h2 id="vegetables">蔬菜</h2>
<ul>
    <li>西红柿</li>
    <li>黄瓜</li>
    <li>芹菜</li>
    <li>土豆</li>
    <li>西葫芦</li>
    <li>香菇</li>
    <li>菠菜</li>
    <li>豆角</li>
    <li>油菜</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>

<!--设置运动标题-->
<h2 id="sport">运动</h2>
<ul>
    <li>跑步</li>
    <li>游泳</li>
    <li>爬山</li>
    <li>打篮球</li>
    <li>打羽毛球</li>
    <li>滑雪</li>
    <li>跳水</li>
    <li>跳伞</li>
    <li>冲浪</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
</body>
</html>

鱼传奇 2022-02-10

源自：多媒体与语义化标签 2-15 编程练习

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2022-02-10 09:40:54

同学你好，代码正确。建议将每个ul中多写一些li，增加页面长度。当页面足够长时，测试效果更好。

祝学习愉快！

收起回答

鱼传奇提问者 #1

老师，当我将上面的代码复制到新的html页面时。用谷歌浏览器打开，点击运动的链接，锚点并没有滚动到顶部，这是什么原因。

2022-02-10 09:46:20
好帮手慕久久回复提问者鱼传奇 #2

同学你好，页面长度不够，所以效果看上去不对。建议将每个ul中多写一些li，增加页面长度。当页面足够长时，再测试。
祝学习愉快！

2022-02-10 10:06:41
鱼传奇提问者 #3

好的，谢谢老师

2022-02-10 10:46:36