3-27 编程练习

来源:3-27 自由编程

ExcelYourself

2021-01-31 17:57:43

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="Keywords" content="Career Planning,Jobs" />

<meta

name="Description"

content="Career Builder aims at providing you with a bright future"

/>

<title>Career Builder</title>

</head>

<body>

<!-- Header -->

<div class="header">

    ​<div>Logo</div>

    ​<div>Navigation</div>

</div>


<!-- Banner -->

<div class="banner_content">

   <div>banner img</div>

   <div>banner cover layer</div>

   <div>banner form</div>

</div>


<!-- About -->

<div class="about_us">

    ​<div>about part 1</div>

    <div>about part 2</div>

</div>


<!-- Mixture -->

<div class="pic_text">

    ​<div>pic 1</div>

    ​<div>text 2</div>

    ​<div>pic 3</div>

    ​<div>text 4</div>

    ​<div>pic 5</div>

    ​<div>text 6</div>

    ​<div>pic 7</div>

    ​<div>text 8</div>

</div>


<!-- Gallery -->

<div class="gallery_content">

    ​<h2>Gallery</h2>

    ​<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

    ​<div>gallery part 1</div>

    ​<div>gallery part 2</div>

</div>


<!-- Footer -->

<div class="footer_content">

    ​<footer>

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

    ​</footer>

</div>

</body>

</html>



写回答

1回答

好帮手慕久久

2021-01-31

同学你好,Gallery区域的结构不太合理。

Gallery分为上下两部分,上部分是标题和描述,下部分是6组图文,所以结构可以如下这样划分:

http://img.mukewang.com/climg/6016860f0917339809070539.jpg

祝学习愉快!

2

0 学习 · 15276 问题

查看课程