作业完成,请老师检查。

来源: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>&copy;&nbsp;imooc.com&nbsp;京ICP备13046642号</p>

</div>

</body>

</html>


写回答

1回答

好帮手慕星星

2022-03-31

同学你好,列表实现没问题,很棒!祝学习愉快~

0

0 学习 · 17877 问题

查看课程