老师这样对吗
来源：4-18 编程练习
qq_慕沐5126653
2019-12-26 19:21:47
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="" name="#suiguo">水果</a><br/>
<!--设置蔬菜锚点链接-->
<a href="" name="#sucai">蔬菜</a><br/>
<!--设置运动锚点链接-->
<a href="" name="#yundong">运动</a><br/>
<!--设置水果标题-->
<h1><a href="" name="suiguo">水果</a></h1>
<ul>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
</ul>
<!--设置返回顶部链接-->
<a name="#top">返回顶部</a>
<!--设置蔬菜标题-->
<h1><a href="" name="sucai">蔬菜</a></h1>
<ul>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
</ul>
<!--设置返回顶部链接-->
<a name="#top">返回顶部</a>
<!--设置运动标题-->
<h1><a href="" name="运动">运动</a></h1>
<ul>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
<li>橘子</li>
</ul>
<!--设置返回顶部链接-->
<a name="#top">返回顶部</a>
</body>
</html>
1回答
-
好帮手慕糖
2019-12-27
同学你好，代码中的问题，如下：
1、点击可以跳转的应该是设置href属性，不是name属性，点击跳转的位置处是name属性，如下，都应该是设置href属性，例：
2、锚点“运动”这里，链接使用的是拼音，但是锚点处是汉字，建议：保持一致，例：
3、同理，如下，“返回顶部”的链接这里也应该使用href属性，例：
4、点击蔬菜与运动的时候，还是“水果”显示在最上面，这是因为页面的高度不够，所以下面两列滚动不上去。
建议：可以给body设置一个比较大的高度（这里设置高度，后面的css课程中也会学到，可以先了解下），例：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题