老师帮忙看一下代码是否正确

老师帮忙看一下代码是否正确

<!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>HTML5语法与基础标签</Html></title>

</head>

<body>

    <div class="header">

        <div class="logo">logo</div>

        <div class="nav">

            <ul>

                <li>HOME</li>

                <li>ABOUT</li>

                <li>GALLERY</li>

                <li>FACULTY</li>

                <li>EVENTS</li>

                <li>CONTACT</li>

            </ul>

        </div>

    </div>

    <div class="banner">

        <div class="banner-image">图片</div>

        <div class="banner-two">遮罩层</div>

        <div class="banner-font">表单</div>

    </div>

    <div class="about">

        <div class="about-one">上半部分</div>

        <div class="about-two">下半部分</div>

    </div>

    <div class="pic">

        <div class="pic-one">图片1</div>

        <div class="text-one">文字2</div>

        <div class="pic-two">图片3</div>

        <div class="text-two">文字4</div>

        <div class="text-three">文字5</div>

        <div class="pic-three">图片6</div>

        <div class="text-four">文字7</div>

        <div class="pic-four">图片8 </div>

    </div>

    <div class="gallery">

        <div class="gallery-one">

            <dl>

                <dt>图片</dt>

                <dd>Science Lab</dd>

                <dt>图片</dt>

                <dd>Indoor Stadium</dd>

                <dt>图片</dt>

                <dd>Transportation</dd>

                <dt>图片</dt>

                <dd>Kids Room</dd>

                <dt>图片</dt>

                <dd>Meditation Classes</dd>

                <dt>图片</dt>

                <dd>Kids Play Ground</dd>

            </dl>

        </div>

        <div class="gallery-two"></div>

    </div>

    <footer class="footer">&copy; 2016 imooc.com 京ICP备13046642号</footer>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小李 2021-11-03 10:22:27

同学你好,批复如下:

1、不知道是不是同学交作业的时候,粘贴失误了,如下图, title闭合标签跑啦。

https://img1.sycdn.imooc.com//climg/6181f23909414c9404610142.jpg

2、同学写的方式不算是错,但本着最优的方式,老师建议优化dl标签写成对儿的方式,因为图片和文字是一组,一共6组图文,设置如下图。

https://img1.sycdn.imooc.com//climg/6181f256093da9a205800660.jpg

祝学习愉快~

  • 这里是否图片放到dd里面更符合语义???

    2021-11-16 16:15:43
  • 是的,dt作为标题,dd作为内容是很符合语义的。(不过也要看具体情况,比如有些需求图片会作为标题,描述语句作为内容)

    2021-11-16 16:26:49
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师