作业完成，请老师检查。
来源：2-17 自由编程
你怎么睡得着的
2021-11-07 09:35:01
<!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> <!-- 网页头部 --> <div class="header"> <!-- 网页的logo --> <div class="logo">问题描述： <h1>logo</h1> </div> <!-- 网页的导航条 --> <div class="nav"> <h1>导航区域</h1> <ul> <li>HOME</li> <li>ABOUT</li> <li>GALLERY</li> <li>FACULTY</li> <li>EVENTS</li> <li>CONTACT</li> </ul> </div> </div> <!-- 网页的横幅 --> <div class="banner"> <!-- banner的图片 --> <div class="picture"> <h1>banner图片</h1> </div> <!-- banner的遮罩层 --> <div class="zhezhaoceng"> <h1>banner遮罩层</h1> </div> <!-- banner的表单 --> <div class="biaodan"> <h1>banner表单</h1> </div> </div> <!-- 网页的about区域 --> <div class="About"> <!-- 标题和简短描述区域 --> <div class="upside"> <h1>about上半部分</h1> </div> <!-- 详细描述区 --> <div class="underside"> <h1>about下半部分</h1> </div> </div> <!-- 网页的图文混排区域 --> <div class="tuwenhunpai"> <div class="p1"> <h1>图片1</h1> </div> <div class="word2"> <h1>文字2</h1> </div> <div class="p3"> <h1>图片3</h1> </div> <div class="word4"> <h1>文字4</h1> </div> <div class="word5"> <h1>文字5</h1> </div> <div class="p6"> <h1>图片6</h1> </div> <div class="word7"> <h1>文字7</h1> </div> <div class="p8"> <h1>图片8</h1> </div> </div> <!-- 网页的gallery区域 --> <div class="Gallery"> <!-- 标题和简短描述区域 --> <div class="Gupside"> <h2>Gallery上半部分</h2> </div> <!-- 详细描述区 --> <div class="Gunderside"> <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"> <h1>© 2016 imooc.com 京ICP备13046642号</h1> </div> </body> </html>
写回答
1回答
-
同学你好，整体布局结构是可以的，不过有几个细节可以再调整下。
1、猜测是粘贴代码导致的多出来的文字，如果同学本地代码没有这个问题的话，可以忽略，如下：
2、直接书写导航区域的内容就可以了，不用设置标题，建议去掉
3、一般一个页面推荐只使用一个h1标签，建议只保留logo区域的h1，去掉其他区域的h1标签
4、可以使用转义字符©设置页脚的版权符号© ，示例：
祝学习愉快~
0
相似问题