本章代码请老师批阅
来源：3-27 自由编程
无敌喵喵拳
2021-04-04 17:30:51
相关代码：
<!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>
<meta name="description" content="Good job，good life.">
<meta name="Keywords" content="职业学习，职业规划">
</head>
<body>
<!-- 网页头部 -->
<div class="header">
<!-- 网页logo -->
<div class="logo">
<h1>Career Builder</h1>
</div>
<!-- 导航 -->
<div class="nav"></div>
</div>
<!-- 页面内容 -->
<div class="page-content">
<!-- 网页的banner -->
<div class="banner">
<!-- banner的图片 -->
<div class="banner-img"></div>
<!-- banner遮罩层 -->
<div class="banner-cover"></div>
<!-- banner的表单 -->
<div class="banner-form"></div>
</div>
<!-- About区域 -->
<div class="About">
<!-- About上半部分 -->
<div class="about-up"></div>
<!-- About下半部分 -->
<div class="about-down"></div>
</div>
<!-- 图文混排区 -->
<div class="img-text">
<!-- 图片1 -->
<div class="img1"></div>
<!-- 文字2 -->
<div class="text2"></div>
<!-- 图片3 -->
<div class="img3"></div>
<!-- 文字4 -->
<div class="text4"></div>
<!-- 图片5 -->
<div class="img5"></div>
<!-- 文字6 -->
<div class="text6"></div>
<!-- 图片7 -->
<div class="img7"></div>
<!-- 文字8 -->
<div class="text8"></div>
</div>
<!-- 网页的画廊 -->
<div class="gallery">
<!-- 画廊上半部分 -->
<div class="gallery-up"></div>
<!-- 画廊下半部分 -->
<div class="gallery-down"></div>
</div>
</div>
<!-- 网页的Footer -->
<div class="footer">
© 2016 imooc.com 京ICP备13046642号
</div>
</body>
</html>
写回答
1回答
-
好帮手慕星星
2021-04-04
同学你好，布局结构是可以的，但是建议按照效果图将文字部分也添加上，例如：
自己再完善下，祝学习愉快！
0
相似问题