老师检查下代码
来源：2-17 自由编程
__Promise
2021-05-09 10:12:51
<!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>Document</title>
</head>
<body>
<header>
<!-- 页头 -->
<div class="Logo">
<!-- logo -->
<img src="" alt="Logo">
</div>
<nav>
<!-- 导航栏 -->
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>EVENTS</li>
<li>CONTACT</li>
</ul>
</nav>
</header>
<section class="Banner">
<!-- 横幅 -->
<div class="image">
<!-- 图片 -->
<img src="" alt="Banner图片">
</div>
<div class="mask">
<!-- 遮罩层 -->
<img src="" alt="Banner遮罩层">
</div>
<div class="form">
<!-- 表单 -->
<img src="" alt="Banner表单">
</div>
</section>
<section class="About">
<!-- 简介 -->
<main>
<div class="heading">
<!-- 标题 -->
<h1>ABOUT</h1>
<p></p>
</div>
<div class="description">
<!-- 描述 -->
<img src="" alt="ABOUT描述">
</div>
</main>
</section>
<section class="content">
<!-- 图片混排 -->
<ul>
<li><img src="" alt="Libray"></li>
<li><span>Libray</span></li>
<li><img src="" alt="Libray"></li>
<li><span>Libray</span></li>
<li><img src="" alt="Libray"></li>
<li><span>Libray</span></li>
<li><img src="" alt="Libray"></li>
<li><span>Libray</span></li>
</ul>
</section>
<section class="Gallery">
<!-- 次要内容 -->
<div class="heading">
<!-- 标题 -->
<h1>GALLERY</h1>
<p></p>
</div>
<div class="description">
<!-- 描述 -->
<ul>
<li><img src="" alt="Science Lab">
<span>Science Lab</span>
</li>
<li><img src="" alt="Indoor Stadium">
<span>Indoor Stadium</span>
</li>
<li><img src="" alt="Transpotation">
<span>Transpotation</span>
</li>
<li><img src="" alt="Kids Room">
<span>Kids Room</span>
</li>
<li><img src="" alt="Meditation Classes">
<span>Meditation Classes</span>
</li>
<li><img src="" alt="Kids Play Ground">
<span>Kids Play Ground</span>
</li>
</ul>
</div>
</section>
<footer>
<!-- 页脚 -->
<span>
© 2016 imooc.com 京ICP备13046642号
</span>
</footer>
</body>
</html>
1回答
-
好帮手慕然然
2021-05-09
同学你好，代码实现是可以的，不过任务中要求使用定义列表，实现Gallery区域详细信息区的内容，建议同学可以参考以下代码再实现一遍，参考如下：
祝学习愉快！
0
相似问题