老师帮忙检查一下
来源：2-17 自由编程
陈淑雯
2021-04-02 01:01:38
<!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="Keywords" content="career builder，关键词1，关键词2，关键词3">
<meta name="Description" content="产品的描述，吸引顾客"
</head>
<body>
<!-- header部分 -->
<div class="header">
<!-- 左侧loge -->
<div class="header-left-loge">
<h1>loge</h1>
</div>
<!-- 右侧导航区域 -->
<div class="header-right-nav">
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>EVENTS</li>
<li>CONTACT</li>
</ul>
</div>
</div>
<!--banner部分 -->
<div class="banner">
<!-- 图片 -->
<div class="banner-img">
banner图片
</div >
<!-- 遮障层 -->
<div class="banner-mask">
banner遮障
</div>
<!-- 表单 -->
<div>
banner表单
</div>
</div>
<!-- about区域 -->
<div class="about">
<!-- about上半部分 -->
<div class="about-top">
<h2>About</h2>
<p>相关内容</p>
</div>
<!-- about下半部分 -->
<div class="about-botten">
<div class="about-botten-left">
about下半部分左边
</div>
<div class="about-botten-center">
about下半部分中间
</div>
<div class="about-botten-right">
about下半部分右边
</div>
</div>
</div>
<!-- 图片混排区域 -->
<div>
<div class="picture-one">
图片1
</div>
<div class="picture-two">
图片2
</div>
<div class="picture-three">
图片3
</div>
<div class="picture-four">
图片4
</div>
<div class="picture-five">
图片5
</div>
<div class="picture-six">
图片6
</div>
<div class="picture-seven">
图片7
</div>
<div class="picture-eight">
图片8
</div>
</div>
<!-- gallery -->
<div class="gallery">
<!-- gallery上半部分 -->
<div class="gallery-top">
<h2>GALLERY</h2>
<div>
gallery上半部分
</div>
</div>
<!-- gallery下半部分 -->
<div class="gallery-bottom">
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Indoor Stadium</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Transportation</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Room</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Meditation Classes</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Play Ground</dd>
</dl>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<p>
© 2016 imooc.com 京JCP备13046642号
</p>
</div>
</body>
</html>
1回答
-
同学你好，代码结构很清晰，实现效果没问题，继续加油，但是有处小细节建议优化一下：head头部中最后一个meta标签缺少了结束的尖括号，如图
祝学习愉快！
0
