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

来源:2-17 自由编程

慕仰1291499

2022-02-12 23:00:25

<!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>


    <!-- 页面的Header区域 -->


    <div class="Header">


        <!-- logo区域 -->


        <div class="Logo">

            <h2>logo</h2>

            <ul>

                <li>HOME</li>

                <li>ABOUT</li>

                <li>GALLERY</li>

                <li>FACULTY</li>

                <li>EVENTS</li>

                <li>CONTACT</li>

            </ul>

        </div>


        <!-- 导航栏 -->


        <div class="Nav">导航区域</div>


    </div>


    <!-- 页面的Banner区域 -->


    <div class="Banner">


        <!-- banner图片 -->


        <div class="Image">banner图片</div>


        <!-- banner遮罩层 -->


        <div class="Mask">banner遮罩层</div>


        <!-- banner表单 -->


        <div class="Form">banner表单</div>


    </div>


    <!-- 页面的About区域 -->


    <div class="About">


        <div class="About-one">

            <h2>gallery上部分</h2>

            <dl>

                <dt>图片</dt>

                <dd>Science Lab</dd>

            </dl>

            <dl>

                <dt>图片</dt>

                <dd>Indoor Stadium</dd>

            </dl>

            <dl>

                <dt>图片</dt>

                <dd>Transportation</dd>

            </dl>

            <dl>

                <dt>图片</dt>

                <dd>Kids Room</dd>

            </dl>

            <dl>

                <dt>图片</dt>

                <dd>Meditation Classes </dd>

            </dl>

            <dl>

                <dt>图片</dt>

                <dd>Kids Play Ground</dd>

            </dl>

        </div>


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


    </div>


    <!-- 页面的图文混排区域 -->


    <div class="Pic-and-text">


        <div>图片1</div>




        <div>文字2</div>




        <div>图片3</div>




        <div>文字4</div>




        <div>图片5</div>




        <div>文字6</div>




        <div>图片7</div>




        <div>文字8</div>


    </div>


    <!-- Gallery区域 -->


    <div class="Gallery">


    <div class="Gallery-shang">gallery上半部分</div>


    <div class="Gallery-xia">gallery下半部分</div>


    </div>


    <!-- footer页脚 -->


    <div class="Footer">


        <p>2016 imooc.com 京ICP备13046642号</p>


    </div>


</body>


</html>

下载视频          
写回答

1回答

好帮手慕然然

2022-02-13

同学你好,代码很正确,继续加油,祝学习愉快!

0

0 学习 · 15276 问题

查看课程