2-15 编程练习

来源:2-15 编程练习

慕移动4506339

2022-10-12 21:25:26

老师,请检查

<html>

<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>

<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="#fruits">水果</a>

<!--设置蔬菜锚点链接-->
<a href="#vegetables">蔬菜</a>

<!--设置运动锚点链接-->
<a href="#sports">运动</a>


<!--设置水果标题-->
<h2>水果</h2>
<ul id="fruits">
<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>蔬菜</h2>
<ul id="vegetables">
<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>运动</h2>
<ul id="sports">
<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回答

好帮手慕小李

2022-10-13

同学你好,代码可以实现需求,很棒!继续努力,祝学习愉快!

0

0 学习 · 15276 问题

查看课程