老师麻烦帮忙审阅一下~

来源: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

https://img.mukewang.com/climg/62581f6909e31a3003220294.jpg

想请问为什么三个分类中中间空格这么大?


问题2:

我在查看其他同学的作业时有发现<br />,请问这是什么,有和没有有什么区别呢?


写回答

1回答

好帮手慕久久

2022-04-15

同学你好,代码有如下问题:

1、具体内容中,缺少“运动”项,建议补全:

https://img.mukewang.com/climg/6258ce5709b1e0af08370699.jpg

2、优化建议:建议将每一项中的具体内容增加些,从而增大页面高度,这样测试效果会更好:

https://img.mukewang.com/climg/6258cec00929ee1204700508.jpg

问题解答如下:

1、分类用的是p标签,该标签默认上下间距:
https://img.mukewang.com/climg/6258cf3e09117a4404190123.jpg

所以分类之间的间距比较大。

此处不用处理这个间距,后面学了css样式后,就能调整间距了。

2、br标签是用来换行的,比如多个a标签默认会在一行显示,效果不好看:

https://img.mukewang.com/climg/6258cf9509a01e3900000000.jpg

https://img.mukewang.com/climg/6258cfa90929e2c204210064.jpg

此时就可以使用br标签,让a标签换行:

https://img.mukewang.com/climg/6258cfd10924d52b04900439.jpg

https://img.mukewang.com/climg/6258cfda09ff9f4d04840087.jpg

因此,代码的实现方式并不唯一,同学的写法是可以的。

祝学习愉快!

1

0 学习 · 17877 问题

查看课程