老师帮忙检查下
来源：2-17 自由编程
y99999
2021-01-06 17:32:25
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 头部-->
<div class="Header">
<!-- logo-->
<div class="logo">logo
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>EVENTS</li>
<li>CONTACT</li>
</ul>
</div>
</div>
<div class="Banner">
<div class="Banner">Banner图片</div>
<div class="Banner">Banner图片</div>
<div class="Banner">Banner图片</div>
</div>
<div class="about">
<div>about上部分</div>
<div>about下部分</div>
</div>
<div class="text">
<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>
<div class="Gallery">
<div>Gallery区域上部分</div>
<dl>
<dt>图片
<dd>
Science Lab
</dd>
</dt>
<dt>图片
<dd>
Indoor Stadium
</dd>
</dt>
<dt>图片
<dd>
Transportation
</dd>
</dt>
<dt>图片
<dd>
Kids Room
</dd>
</dt>
<dt>图片
<dd>
Meditation Classes
</dd>
</dt>
<dt>图片
<dd>
Kids Play Ground
</dd>
</dt>
</dl>
</div>
<div class="Footer">
©2016imooc.com 京ICP备13046642号
</div>
</body>
</html>
2回答
-
好帮手慕久久
2021-01-06
同学你好，结构正确，图文的格式（结构）需要优化一下：
为了方便后期设置样式（调整6组图文的位置），建议把dl都放在一个div标签中：
同学先了解一下，学了样式后，就会明白了。
祝学习愉快！
0 -
好帮手慕久久
2021-01-06
同学你好，代码中有如下问题：
1、Gallery区域的dl标签，使用不规范。dt与dd标签应该是同级，不能相互嵌套:
2、优化建议：每个图片最好放在一个dl标签中，这样方便以后设置样式。
综上，调整如下：
祝学习愉快！
0h021-01-06
