麻烦老师检查一下，谢谢
来源：2-16 编程练习
转行学习中_阶段一
2022-07-07 14:03:15
hello相关代码👇
<!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>Document</title>
</head>
<body>
<h3>这里是顶部</h3>
<p>
<a href="imooc.html#fruit">水果</a>
</p>
<p>
<a href="imooc.html#vegetables">蔬菜</a>
</p>
<p>
<a href="imooc.html#sports">运动</a>
</p>
</body>
</html>
imooc相关代码👇
<!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>Document</title>
</head>
<body>
<h1>水果</h1>
<div class="content" id="fruit">
<ul>
<li>
<p>香蕉</p>
<img src="images/香蕉.jpg" alt="香蕉图片">
</li>
<li>葡萄</li>
<li>
<p>苹果</p>
<img src="images/苹果图片.jpg" alt="苹果图片">
</li>
<li>栗子</li>
<li>香梨</li>
<li>
<p>西瓜</p>
<img src="images/西瓜图片.jpg" alt="西瓜图片">
</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>
</div>
<p>
<a href="hello.html">返回顶部</a>
</p>
<h1>蔬菜</h1>
<div class="content" id="vegetables">
<ul>
<li>
<p>西红柿</p>
<img src="images/西红柿图片.jpg" alt="西红柿图片">
</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>
</div>
<p>
<a href="hello.html">返回顶部</a>
</p>
<h1>运动</h1>
<div class="content" id="sports">
<ul>
<li>
<p>跑步</p>
<img src="images/跑步图片.jpg" alt="跑步图片">
</li>
<li>跳绳</li>
<li>跳舞</li>
<li>跳操</li>
<li>自行车</li>
<li>动感单车</li>
<li>蛙跳</li>
<li>游泳</li>
<li>有氧操</li>
<li>无氧操</li>
<li>HIIT</li>
<li>tabata</li>
<li>椭圆机</li>
<li>冲浪机</li>
<li>冲浪</li>
<li>滑板</li>
<li>平板支撑</li>
<li>波比跳</li>
<li>登山</li>
<li>潜水</li>
<li>跳伞</li>
</ul>
</div>
<p>
<a href="hello.html">返回顶部</a>
</p>
</body>
</html>
上面插入图片是练习回顾学习的知识点
1回答
-
好帮手慕久久
2022-07-07
同学你好，代码正确，可以优化一下。建议把锚点id设置在h1标题上：
这样页面效果更清晰：
祝学习愉快！
1
相似问题