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>© 2016 imooc.com 京ICP备13046642号</p>
</footer>
</div>
</body>
</html>
1回答
同学你好,Gallery区域的结构不太合理。
Gallery分为上下两部分,上部分是标题和描述,下部分是6组图文,所以结构可以如下这样划分:
祝学习愉快!
相似问题