2-17自由编程作业请老师检查正确不

来源:2-17 自由编程

球球不一般

2022-07-25 16:13:56

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

    <h1>

        logo

    </h1>

    <ul>

        <li>HOME</li>

        <li>ABOUT</li>

        <li>GALLERY</li>

        <li>FACULTY</li>

        <li>EVENTS</li>

        <li>CONTACT</li>

    </ul>

    <p>banner图片</p>

    <p>banner遮罩层</p>

    <p>banner表单</p>

    <p>

        about上半部分

    </p>

    <p>

        about下半部分

    </p>

    <p>

        图片1

    </p>

    <p>

        文字2

    </p>

    <p>图片3</p>

    <p>文字4</p>

    <p>文字5</p>

    <p>图片6</p>

    <p>文字7</p>

    <div>GALLERY

<dl>

    <dt>图片</dt>

    <dd>Science Lab</dd>

    <dt>图片</dt>

    <dd>indoor stadlium</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>

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

</body>


</html>


写回答

1回答

imooc_慕慕

2022-07-25

同学你好,效果是可以的,优化参考如下:

1、header部分,可以在最外面包一个盒子,logo用div包裹一下,用h1标签显示的文字略大,参考如下:

https://img.mukewang.com/climg/62de59cb0948f57704490364.jpg

2、GALLERY部分可以分为上下两部分,下面将图片和文字看做一个整体用一个dl去包裹,使结构更有层次感,参考如下:

https://img.mukewang.com/climg/62de5ad9090db81606840758.jpg

祝学习愉快~

0

前端工程师

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

20327 学习 · 17877 问题

查看课程