跳转到的地方好像不太对（蔬菜应为第一行但却是返回顶部是第一行）
来源：4-18 编程练习
Sunderalla
2019-09-17 17:05:11
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br/>
<!--设置水果锚点链接-->
<a href="#水果">水果</a><br/>
<!--设置蔬菜锚点链接-->
<a href="#蔬菜">蔬菜</a><br/>
<!--设置运动锚点链接-->
<a href="#运动">运动</a>
<!--设置水果标题-->
<a name="水果"></a><h1>水果</h1>
<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>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
<!--设置蔬菜标题-->
<a name="蔬菜"><h1>蔬菜</h1></a>
<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>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
<!--设置运动标题-->
<a name="运动"><h1>运动</h1></a>
<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>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
</body>
</html>
1回答
-
好帮手慕慕子
2019-09-17
同学你好， 老师测试同学的代码， 代码书写是正确的，效果也是对的
在线编辑器测试， 正常跳转
本地浏览器测试， 正常跳转
建议：同学可以在测试一下哦
注意： 点击运动的时候，“运动”没有在顶部显示，是因为页面的内容不够多， 可以在运动下多添加一些li，页面内容多了，有了滚动条，也就能跳转到对应的地方了
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0
相似问题