交作业
来源：3-27 自由编程
慕勒1228195
2021-05-20 23:08:26
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=a, initial-scale=1.0">
<title>小幕医生</title>
</head>
<body>
<!-- 页面头部 -->
<div>
<div class="logo">logo</div>
<div class="nav">导航区域</div>
</div>
<!-- 页面内容 -->
<div>
<!-- banner区域 -->
<div>
<div>banner图片</div>
<div>banner遮罩层</div>
<div>banner表单</div>
</div>
<!-- about区域 -->
<div>
<div>about上半部分</div>
<div>about下半部分</div>
</div>
<!-- 图文混排区域 -->
<div>
<div>图片1</div>
<div>文字2</div>
<div>图片3</div>
<div>文字4</div>
<div>文字5</div>
<div>图片6</div>
<div>文字7</div>
<div>图片8</div>
</div>
<!-- gallery区域 -->
<div>
<div>gallery上半部分</div>
<div>gallery下半部分</div>
</div>
</div>
<!-- 页面页脚 -->
<div>
<div>
<p>©imooc.com 京ICP备案13046642号</p>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕慕子
2021-05-21
同学你好，效果实现实现的是对的，建议优化：页脚这里可以去掉中间嵌套的div标签，简化代码书写。如下：
祝学习愉快~
0
相似问题