麻烦老师检查一下代码 谢谢
来源：2-17 自由编程
迪丽热琪ya
2022-04-04 11:18:09
<!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>Test-3.27-LQ</title> </head> <body> <!-- 1、网页分为以下几部分：Header区域、Banner区域、About区域、图文混排区域、Gallery区域、Footer区域。 2、Header区域分为左右两个部分，Logo和导航。 3、Banner区域分为三个部分，图片、遮罩层和表单。 4、about区域分为上下两部分，上部分是标题和简短描述区域，下部分是详细描述区。 5、图文混排区域分为8个部分，由图片和文字组成的混合排列。 6、Gallery区域分为上下两个部分，上部分是标题和简短描述区域、下部分是gallery详细信息区。 7、Footer区域是文字内容。 --> <!-- 网页的头部 --> <div class="header"> <!-- logo --> <div class="logo">logo</div> <!-- 导航 --> <div class="navigation"> <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">Banner图片</div> <!-- 遮盖罩 --> <div class="cover">Banner遮盖罩</div> <!-- 表单 --> <div class="form">Banner表单</div> </div> <!-- 网页的about --> <div class="about"> <!-- 上半部分:标题和简短描述 --> <div class="ab-title-and-brevity">about标题和简短描述</div> <!-- 下半部分:详细描述 --> <div class="ab-detail">about详细描述</div> </div> <!-- 网页的图文混排 --> <div class="text-mixing"> <div class="pic1"> pic1 </div> <div class="pic2"> pic2 </div> <div class="pic3"> pic3 </div> <div class="pic4"> pic4 </div> <div class="pic5"> pic5 </div> <div class="pic6"> pic6 </div> <div class="pic7"> pic7 </div> <div class="pic8"> pic8 </div> </div> <!-- 网页的gallery --> <div class="gallery"> <!-- 上半部分:标题和简短描述 --> <div class="ga-title-and-brevity">gallery标题和简短描述 <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 </dd> </dl> </div> <!-- 下半部分:详细描述 --> <div class="ga-detail">gallery详细描述</div> </div> <!-- 网页的页脚 --> <div class="footer"> <p>© 2016 imooc.com 京ICP备13046642号</p> </div> </body> </html>
写回答
1回答
-
同学你好，使用列表没问题，祝学习愉快~
0
相似问题