请老师检查代码
来源：2-17 自由编程
wowawawoa
2021-01-18 17:45:36
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Career Builder - Build Your Career</title>
<meta name="Keywords" content="career, builder">
<meta name="Description" content="With Career Builder, your career can be built.">
</head>
<body>
<!-- Header 区域 -->
<div class="header">
<!-- logo -->
<div class="logo">
<h1>Career Builder</h1>
</div>
<!-- 导航 -->
<div class="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="pic"></div>
<!-- 遮罩层 -->
<div class="masklayer"></div>
<!-- 表单 -->
<div class="form"></div>
</div>
<!-- about区域 -->
<div class="about">
<!-- about区域上部分 -->
<div class="part1">
<!-- 标题 -->
<h2>ABOUT</h2>
<!-- 简短描述区域 -->
<p>short description</p>
</div>
<!-- about区域下部分 -->
<div class="part2">
<!-- 详细描述区 -->
<p>detailed description</p>
</div>
</div>
<!-- 图文混排区域 -->
<div class="pic-and-text">
<!-- 图片1 -->
<div class="img1">
<p>图片1</p>
</div>
<!-- 文字2 -->
<div class="text2">
<p>文字2</p>
</div>
<!-- 图片3 -->
<div class="img3">
<p>图片3</p>
</div>
<!-- 文字4 -->
<div class="text4">
<p>文字4</p>
</div>
<!-- 图片5 -->
<div class="img5">
<p>图片5</p>
</div>
<!-- 文字6 -->
<div class="text6">
<p>文字6</p>
</div>
<!-- 图片7 -->
<div class="img7">
<p>图片7</p>
</div>
<!-- 文字8 -->
<div class="text8">
<p>文字8</p>
</div>
</div>
<!-- Gallery区域 -->
<div class="gallary">
<!-- Gallery上半部分 -->
<div class="part1">
<!-- 标题 -->
<h2>GALLERY</h2>
<!-- 简短描述区域 -->
<p>short description</p>
</div>
<!-- Gallery下半部分 -->
<div class="part2">
<!-- 详细信息区 -->
<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>
<!-- 页脚区域 -->
<div class="footer">
<!-- 文字内容 -->
<p>©2016 imooc.com 京ICP备13046642号</p>
</div>
</body>
</html>
写回答
1回答
-
同学你好，代码正确，很棒，祝学习愉快！
0
相似问题