麻烦老师检查作业，谢谢！
来源：2-17 自由编程
ychao2
2022-03-06 21:16:23
<!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> <meta name="descriptinon"content=""> <meta name="keywords"content=""> </head> <body> <!-- Header区域 --> <div class="header"> <div class="logo"> <h1>logo</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="image">banner图片</div> <div class="Mask-layer">banner遮罩层</div> <div class="Form">banner表单</div> </div> <!-- About区域 --> <div class="content"> <div class="upper-content">About上半区</div> <div class="lower-content">About下半区</div> </div> <!-- 图文混排区域 --> <div class="image-text"> <div class="image">图片1</div> <div class="text">文本2</div> <div class="image">图片3</div> <div class="text">文本4</div> <div class="image">图片5</div> <div class="text">文本6</div> <div class="image">图片7</div> <div class="text">文本8</div> </div> <!-- Gallery区域 --> <div class="gallery"> <div class="upper-gallery">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 Clases</dd> </dl> <dl> <dt>图片</dt> <dd>Kids Play Ground</dd> </dl> </div> </div> <!-- Footer区域 --> <div class="footer"> <p>© 2016 imooc.com 京ICP备13046642号</p> </div> </body> </html>
写回答
1回答
-
同学你好，代码实现是正确的，建议优化：统一使用小写，会更符合代码规范，示例：
祝学习愉快~
1
相似问题