麻烦老师看下代码是否正确，是否有需要改进的地方？
来源：2-16 编程练习
夜的解忧铺
2021-06-06 19:21:53
imooc.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>imooc.html</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<div class ="catalogue">
<p>
<a href ="#shuiguo">水果</a>
</p>
<!--设置蔬菜锚点链接-->
<p>
<a href ="#shucai">蔬菜</a>
</p>
<!--设置运动锚点链接-->
<p>
<a href ="#yundong">运动</a>
</p>
<!--设置水果标题-->
<div class ="content">
<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>
<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>
<!--设置返回hello.html链接-->
<a href ="hello.html">返回hello.html</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>
<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>
<!--设置返回hello.html链接-->
<a href ="hello.html">返回hello.html</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>
<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>
<!--设置返回hello.html链接-->
<a href ="hello.html">返回hello.html</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hello.html</title>
</head>
<body>
<a name ="top">这里是顶部</a>
<p>
<a href="imooc.html#shuiguo">水果</a>
</p>
<p>
<a href="imooc.html#shucai">蔬菜</a>
</p>
<p>
<a href="imooc.html#yundong">运动</a>
</p>
</body>
</html>
1回答
-
好帮手慕言
2021-06-07
同学你好，效果是对的，另外：为了避免显示器分辨率大的情况下，点击链接跳转的时候，对应内容不会到顶部，建议在运动处多加一些li，例如：
祝学习愉快~
0
相似问题