老师帮忙检查下
来源:2-16 编程练习
y99999
2021-01-07 17:17:59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="./imooc.html#fruits">水果</a><br>
<!--设置蔬菜锚点链接-->
<a href="./imooc.html#vegetables">蔬菜</a><br>
<!--设置运动锚点链接-->
<a href="./imooc.html#motion">运动</a><br>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--设置水果标题-->
<h1 id="fruits">水果</h1>
<div>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
</div>
<!--设置返回顶部链接-->
<a href="./hello.html#top">返回hello.html</a>
<!--设置蔬菜标题-->
<h1 id="vegetables">蔬菜</h1>
<div>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜台</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
</div>
<!--设置返回顶部链接-->
<a href="./hello.html#top">返回hello.html</a>
<!--设置运动标题-->
<h1 id="motion">运动</h1>
<div>
<ul>
<li>篮球</li>
<li>足球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>游泳</li>
<li>篮球</li>
<li>足球</li>
<li>与羽毛球</li>
<li>跑步</li>
<li>游泳</li>
</ul>
</div>
<!--设置返回顶部链接-->
<a href="./hello.html#top">返回hello.html</a>
</body>
</html>
1回答
好帮手慕张
2021-01-07
同学你好,代码效果是正确的,但是列表项有点少效果不明显,建议同学可多添加几项,重复也没有关系主要看实现效果,如下图:
祝学习愉快!
相似问题