请老师检查作业
来源：3-27 自由编程
weixin_慕少0270060
2021-10-12 21:44:11
<!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>College</title>
<meta name="Keywords" content="Diploma,Degree,Certification">
<meta name="Description" content="A college of education that provides everything you need."
</head>
<body>
<!-- Header area -->
<div class="header">
<!-- 网页logo -->
<div class="logo"></div>
<h1>Career Builder</h1>
<!-- 网页的导航条 -->
<div class="nav"></div>
</div>
<!-- Banner area-->
<div class="banner">
<!-- 图片 -->
<div class="banner-images"></div>
<!-- 遮罩层 -->
<div class="banner-coverlayer"></div>
<!-- 表单 -->
<div class="banner-sheet"></div>
</div>
<!-- About area -->
<div class="about">
<!-- about上半部 -->
<div class="about-upper"></div>
<h2>ABOUT</h2>
<!-- about下半部 -->
<div class="about-lower"></div>
</div>
<!-- 图文混排区域 -->
<div class="image-text">
<!-- 图片1-->
<div class="pic1"></div>
<!-- 文字2 -->
<div class="text2"></div>
<!-- 图片3-->
<div class="pic3" ></div>
<!-- 文字4 -->
<div class="text4"></div>
<!-- 图片5-->
<div class="pic5"></div>
<!-- 文字6 -->
<div class="text6"></div>
<!-- 图片7-->
<div class="pic7"></div>
<!-- 文字8 -->
<div class="text8"></div>
</div>
<!-- Gallery area -->
<div class="gallery">
<!-- gallery上部 -->
<div class="gallery-upper"></div>
<h2>Gallery</h2>
<!-- gallery下部 -->
<div class="gallery-lower"></div>
</div>
<!-- Footer area -->
<div class="footer">
<!-- 文字内容 -->
<div class="words"></div>
<p>© 2016 imooc.com 京ICP备134046642号</p>
</div>
</body>
</html>
写回答
1回答
-
好帮手慕慕子
2021-10-13
同学你好，代码中存在的问题解答如下：
1、最后一个meta标签缺少>，建议添加上，如下：
2、建议优化：将标题放在logo下，示例：
3、about区域中的标题属于上半部分的内容，建议放在about-upper盒子中，如下：
4、Gallery区域也是同样的道理，建议调整，如下：
5、直接将文字放在words盒子下即可，示例：
祝学习愉快~
1
