请老师给我看下2-17的编程练习是否正确
来源：2-15 编程练习
叫我丽红
2021-04-02 14:50:42
麻烦老师给我看下2-17的编程是否正确，因为本节课没太听得懂，谢谢！
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="超级链接.html#水果">水果</a>
<!--设置蔬菜锚点链接-->
<a href="超级链接.html#蔬菜">蔬菜</a>
<!--设置运动锚点链接-->
<a href="超级链接.html#运动">运动</a>
<!--设置水果标题-->
<h2 id="shuiguo">水果</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="shucai">蔬菜</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="yundong">运动</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>
</body>
</html>
1回答
-
同学你好，锚点跳转效果没有实现，是因为a标签的href值书写不正确，同学书写的代码如下：
这样书写表示的是点击水果、蔬菜、运动分别跳转到不同的页面，而不是在当前页面跳转到相应的位置，想要实现锚点跳转，需要将a标签中的属性值使用#加上目标位置的id值或者name值。建议参考如下书写：
祝学习愉快！
0
相似问题