麻烦老师检查作业,谢谢

来源:2-17 自由编程

留神呐

2022-03-27 08:07:54

<!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>
    <div class="Header">
        <div class="logo">
            <h1>Career Builder</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>

    <div class="Content">
        <div class="Banner">
            <div class="banner-image">banner图片</div>
            <div class="banner-mask">banner遮罩层</div>
            <div class="banner-form">banner表单</div>
        </div>

        <div class="About">
            <div class="about-up">about上半部分</div>
            <div class="about-down">about下半部分</div>    
        </div>

        <div class="Image-And-Text">
            <div class="img1">图片1</div>
            <div class="text2">文字2</div>
            <div class="img3">图片3</div>
            <div class="text4">文字4</div>
            <div class="text5">文字5</div>
            <div class="img6">图片6</div>
            <div class="text7">文字7</div>
            <div class="img8">图片8</div>
        </div>

        <div class="Gallery">
            <div class="gellery-up">gallery上半部分</div>
            <div class="gellery-down">
                <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>
    </div>

    <div class="footer">
        <p>&copy;&ensp;2016 imooc.com 京ICP备13046642号</p>
    </div>
</body>
</html>
           
下载视频          
写回答

1回答

好帮手慕慕子

2022-03-27

同学你好,代码实现是正确的,继续加油,祝学习愉快~

0

前端工程师

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

20327 学习 · 17877 问题

查看课程