麻烦老师检查作业,谢谢!

来源:2-17 自由编程

ychao2

2022-03-06 21:16:23

<!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>
    <meta name="descriptinon"content="">
    <meta name="keywords"content="">
</head>
<body>
    <!-- Header区域 -->
    <div class="header">
        <div class="logo">
            <h1>logo</h1>
        </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>
    <!-- Banner区域 -->
    <div class="banner">
        <div class="image">banner图片</div>
        <div class="Mask-layer">banner遮罩层</div>
        <div class="Form">banner表单</div>
    </div>
    <!-- About区域 -->
    <div class="content">
        <div class="upper-content">About上半区</div>
        <div class="lower-content">About下半区</div>
    </div>
    <!-- 图文混排区域 -->
    <div class="image-text">
        <div class="image">图片1</div>
        <div class="text">文本2</div>
        <div class="image">图片3</div>
        <div class="text">文本4</div>
        <div class="image">图片5</div>
        <div class="text">文本6</div>
        <div class="image">图片7</div>
        <div class="text">文本8</div>
    </div>
    <!-- Gallery区域 -->
    <div class="gallery">
        <div class="upper-gallery">gallery上半部分
            <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 Clases</dd>
             </dl>
             <dl>
                 <dt>图片</dt>
                 <dd>Kids Play Ground</dd>
             </dl>
        </div>
    </div>
    <!-- Footer区域 -->
    <div class="footer">
        <p>&COPY; 2016 imooc.com 京ICP备13046642号</p>
    </div>
</body>
</html>


写回答

1回答

好帮手慕慕子

2022-03-07

同学你好,代码实现是正确的,建议优化:统一使用小写,会更符合代码规范,示例:

https://img.mukewang.com/climg/622563db090e20ce06130148.jpg

祝学习愉快~

1

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程