3-27自由编程作业,麻烦老师检查一下,谢谢

来源:3-27 自由编程

转行学习中_阶段一

2022-07-05 23:40:03


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

        <!-- 网页的logo -->

        <div class="logo">

            <h1>Career Builder</h1>

        </div>


        <!-- 网页导航 -->

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


    </div>


    <!-- 网页Banner区域 -->

    <div class="banner">

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

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

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

    </div>



    <div class="content">

        <!-- 网页的about区域 -->

        <div class="about">

            <!-- 上半部分区域 -->

            <div class="core">

                about上半部分

            </div>


            <!-- 下半部分 -->

            <div class="all">

                about下半部分

            </div>

        </div>


        <!-- 图文混排区域 -->

        <div class="words-and-picture">

            <!-- 图片1 -->

            <div class="picture-1">图片1</div>

            <!-- 文字2 -->

            <div class="words2">文字2</div>

            <!-- 图片3 -->

            <div class="picture-3">图片3</div>

            <!-- 文字4 -->

            <div class="words-4">文字4</div>

            <!-- 文字5 -->

            <div class="words-5">文字5</div>

            <!-- 图片6 -->

            <div class="picture-6">图片6</div>

            <!-- 文字7 -->

            <div class="words-7">文字7</div>

            <!-- 图片8 -->

            <div class="picture-8">图片8</div>

        </div>


        <!-- gallery部分 -->

        <div class="gallery">

            <!-- gallery上半部分 -->

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

            <!-- gallery下半部分 -->

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

        </div>

    </div>


    <!-- 网页页脚 -->

    <div class="footer">

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

    </div>

</body>

</html>


写回答

1回答

好帮手慕星星

2022-07-06

同学你好,代码结构是可以的,很棒!祝学习愉快~

0

0 学习 · 17877 问题

查看课程