2-17自由编程作业请老师检查正确不
来源：2-17 自由编程
球球不一般
2022-07-25 16:13:56
<!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>
<h1>
logo
</h1>
<ul>
<li>HOME</li>
<li>ABOUT</li>
<li>GALLERY</li>
<li>FACULTY</li>
<li>EVENTS</li>
<li>CONTACT</li>
</ul>
<p>banner图片</p>
<p>banner遮罩层</p>
<p>banner表单</p>
<p>
about上半部分
</p>
<p>
about下半部分
</p>
<p>
图片1
</p>
<p>
文字2
</p>
<p>图片3</p>
<p>文字4</p>
<p>文字5</p>
<p>图片6</p>
<p>文字7</p>
<div>GALLERY
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
<dt>图片</dt>
<dd>indoor stadlium</dd>
<dt>图片</dt>
<dd>transportation</dd>
<dt>图片</dt>
<dd>kids room</dd>
<dt>图片</dt>
<dd>meditation classes</dd>
<dt>图片</dt>
<dd>kids play ground</dd>
</dl>
</div>
<p>©2016 imooc.com京ICP备13046642号</p>
</body>
</html>
1回答
-
imooc_慕慕
2022-07-25
同学你好，效果是可以的，优化参考如下：
1、header部分，可以在最外面包一个盒子，logo用div包裹一下，用h1标签显示的文字略大，参考如下：
2、GALLERY部分可以分为上下两部分，下面将图片和文字看做一个整体用一个dl去包裹，使结构更有层次感，参考如下：
祝学习愉快~
0
相似问题
回答 1
回答 1
回答 1
回答 1
回答 1