作业完成,请老师检查。
来源:2-17 自由编程
派大星爱学习
2022-03-31 01:00:51
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小慕医生 - 责任、品质、关爱</title>
<meta name="keswords" content="小慕医生是专业的医院,理念就是责任、品质、关爱">
<meta name="description" content="美容、减脂、内科、外科">
</head>
<body>
<!-- 网页的头部 -->
<div class="header">
<!-- 网页的LOGO -->
<div class="LOGO">
LOGO
</div>
<!-- 网页的功能区 -->
<div class="tool"></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">
<!-- banner图片 -->
<div class="images">
<p>banner图片</p>
</div>
<!-- banner遮罩层 -->
<div class="mask">
<p>banner遮罩层</p>
</div>
<!-- banner表单 -->
<div class="form">
<p>banner表单</p>
</div>
</div>
<!-- 网页的主要内容 -->
<div class="header">
<!-- about上半部分 -->
<div class="Upper part">
<p>about上半部分</p>
</div>
<!-- about下半部分 -->
<div class="Lower half">
<p>about下半部分</p>
</div>
<!-- 图片1 -->
<div class="images">
<p>图片1</p>
</div>
<!-- 文字2 -->
<div class="written2">
<p>文字2</p>
</div>
<!-- 图片3 -->
<div class="images3">
<p>图片3</p>
</div>
<!-- 文字4 -->
<div class="written4">
<p>文字4</p>
</div>
<!-- 文字5 -->
<div class="written5">
<p>文字5</p>
</div>
<!-- 图片6 -->
<div class="images5">
<p>图片6</p>
</div>
<!-- 文字7 -->
<div class="written">
<p>文字7</p>
</div>
<!-- 图片8 -->
<div class="images8">
<p>图片8</p>
</div>
<!-- gallery上半部分 -->
<div class="gallery">
<p>gallery上半部分</p>
</div>
<dl>
<dt>图片</dt>
<dd>science</dd>
<dt>图片</dt>
<dd>Indoor Stadium</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>
<!-- 页脚footer -->
<div class="footer">
<p>© imooc.com 京ICP备13046642号</p>
</div>
</body>
</html>
1回答
好帮手慕星星
2022-03-31
同学你好,列表实现没问题,很棒!祝学习愉快~
相似问题