麻烦帮忙检查一下代码
来源：2-15 编程练习
LymSuper
2021-03-10 19:18:29
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="shuiguo.html#水果">水果</a><br />
<!--设置蔬菜锚点链接-->
<a href="shuiguo.html#蔬菜">蔬菜</a><br />
<!--设置运动锚点链接-->
<a href="shuiguo.html#运动">运动</a>
<!--设置水果标题-->
<h1>水果</h1>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<!--设置返回顶部链接-->
<a href="fanhuidingbu.html">返回顶部</a>
<!--设置蔬菜标题-->
<h1>蔬菜</h1>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<!--设置返回顶部链接-->
<a href="fanhuidingbu.html">返回顶部</a>
<!--设置运动标题-->
<h1>运动</h1>
<!--设置返回顶部链接-->
<a href="fanhuidingbu.html">返回顶部</a>
</body>
</html>
1回答
-
好帮手慕慕子
2021-03-11
同学你好，本练习题是要求在同一个页面中完成不同位置的跳转，如下图所示：
代码中锚点使用的方式不正确，并不能完整跳转效果。建议修改：
锚点有两种设置方式，如下：
1、第一种，锚点位置使用a标签。以“返回顶部”为例，需要做如下调整：
锚点的href属性值为#和对应锚点位置的name属性值：
对应的锚点位置，如果使用a标签，需要设置name属性：
2、第二种锚点位置使用其他标签。以“水果”为例，可做如下调整：
锚点的href属性为#加对应锚点位置的id属性值
对应的锚点位置，给标签添加id属性
其他的几项也是相同的修改思路，示例：
为了能测试出效果，建议同学将页面高度设置较大一点，示例：
祝学习愉快~
0
相似问题