辛苦老师检查

来源:3-27 自由编程

cloudonthesun

2021-05-08 21:24:09

<!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>career builder</title>

</head>

<body>

    <!-- 网页头部 -->

    <div class="header">

        <!-- logo区域 -->

        <div class="logo">logo</div>

        <!-- 导航区域 -->

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

    </div>

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

    <div class="banner">

        <!-- banner图片 -->

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

        <!-- banner遮罩层 -->

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

        <!-- banner表单 -->

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

    </div>

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

    <div class="about">

        <!-- 标题和简短描述区域 -->

        <div class="first">about上半部分</div>

        <!-- 详细描述区 -->

        <div class="second">about下半部分</div>

    </div>

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

    <div class="image_and_text">

        <div class="part1">图片1</div>

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

        <div class="part3">图片3</div>

        <div class="part4">文字4</div>

        <div class="part5">文字5</div>

        <div class="part6">图片6</div>

        <div class="part7">文字7</div>

        <div class="part8">图片8</div>

    </div>

    <!-- gallery区域 -->

    <div class="gallery">

        <!-- 标题和简短描述区域 -->

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

        <!-- gallery详细信息区 -->

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

    </div>

    <!-- foot区域 -->

    <div class="footer">

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

    </div>

</body>

</html>


写回答

1回答

好帮手慕然然

2021-05-09

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

0

0 学习 · 15276 问题

查看课程