老师麻烦帮忙审阅一下~
来源:2-15 编程练习
兔子的小金毛
2022-04-14 21:22:34
<html> <head> <meta charset="UTF-8"> <title>超级链接</title> </head> <body> <!--目录项--> <div> <p>这里是顶部</p> <!--设置水果锚点链接--> <p> <a href ="#shuiguo"> 水果 </a> </p> <!--设置蔬菜锚点链接--> <p> <a href ="#shucai"> 蔬菜 </a> </p> <!--设置运动锚点链接--> <a href ="#yundong"> 运动 </a> </div> <!--具体内容--> <div> <!--设置水果项--> <div> <h1 id = "shuiguo"> 水果 </h1> <ul> <li>香蕉</li> <li>苹果</li> <li>葡萄</li> <li>梨</li> <li>西瓜</li> <li>樱桃</li> <li>菠萝</li> <li>橙子</li> <li>柚子</li> <li>芒果</li> </ul> </div> <!--返回顶部链接--> <div> <a href = "#top"> 返回顶部 </a> </div> <!--设置蔬菜项--> <div> <h1 id ="shucai"> 蔬菜 </h1> <ul> <li>西红柿</li> <li>黄瓜</li> <li>土豆</li> <li>芹菜</li> <li>蒜苔</li> <li>西葫芦</li> <li>香菇</li> <li>菠菜</li> <li>豆角</li> <li>油菜</li> </ul> </div> <!--设置返回顶部链接--> <div> <a href = "#top"> 返回顶部 </a> </div> </div> </body> </html>
问题1
:
想请问为什么三个分类中中间空格这么大?
问题2:
我在查看其他同学的作业时有发现<br />,请问这是什么,有和没有有什么区别呢?
1回答
同学你好,代码有如下问题:
1、具体内容中,缺少“运动”项,建议补全:
2、优化建议:建议将每一项中的具体内容增加些,从而增大页面高度,这样测试效果会更好:
问题解答如下:
1、分类用的是p标签,该标签默认有上下间距:
所以分类之间的间距比较大。
此处不用处理这个间距,后面学了css样式后,就能调整间距了。
2、br标签是用来换行的,比如多个a标签默认会在一行显示,效果不好看:
此时就可以使用br标签,让a标签换行:
因此,代码的实现方式并不唯一,同学的写法是可以的。
祝学习愉快!
相似问题