老师帮忙看一下，有需要改进的地方吗？
来源：2-15 编程练习
KangarooL
2021-02-16 22:44:30
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<p>
<a href="#fruit">水果</a>
</p>
<!--设置蔬菜锚点链接-->
<p>
<a href="#vegetable">蔬菜</a>
</p>
<!--设置运动锚点链接-->
<p>
<a href="#sport">运动</a>
</p>
<!--设置水果标题-->
<div id="fruit">
<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>
</ul>
</div>
<!--设置返回顶部链接-->
<p>
<a href="#top">返回顶部</a>
</p>
<!--设置蔬菜标题-->
<div id="vegetable">
<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>
</ul>
</div>
<!--设置返回顶部链接-->
<p>
<a href="#top">返回顶部</a>
</p>
<!--设置运动标题-->
<div id="sport">
<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>F1</li>
<li>拉力赛</li>
<li>房车锦标赛</li>
</ul>
</div>
<!--设置返回顶部链接-->
<p>
<a href="#top">返回顶部</a>
</p>
</body>
</html>
1回答
-
同学你好，代码是对的。由于“运动”中的内容太少了，造成页面长度太小，所以点击“运动”时，对应的内容，无法居于页面顶部显示：
为了能让“运动”也能位于页面顶部显示，建议将“运动”中的内容增多，如下：
祝学习愉快！
0h021-02-19
相似问题