检查作业
来源：3-7 小慕医生项目开发
慕勒6541010
2021-05-04 21:47:39
<body>
<!-- 网页的头部 -->
<header>
<!-- 网页的logo -->
<div class="logo">
<img src="images/logo.png" alt="">
</div>
<!-- 网页的导航 -->
<nav class="main-nav">导航区域
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">GALLERY</a></li>
<li><a href="">FACULTY</a></li>
<li><a href="">EVENT</a></li>
</ul>
</nav>
</header>
<!-- 网页的banner -->
<div class="banner">
<div>banner图片
<img src="images/banner3.jpg" alt="">
</div>
<div>banner遮罩层</div>
<div>banner表单</div>
</div>
<!-- 网页的主要内容 -->
<section class="content">
<div>
<h2>ABOUT</h2>
<p>分割线</p>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting <p></p> industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p></span>
<h2>A WORD ABOUT US</h2>
<span>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.</span>
<p></p><a href="">EXPLORE</a></p>
<img src="images/bb3.jpg" alt="">
<p>7000</p>
<p>分割线</p>
<p>Students</p>
<p>600</p>
<p>分割线</p>
<p>FACULTY</p>
</div>
<div>
<img src="images/b1.jpg" alt="">
<h3>Library</h3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry
</span>
<p></p><a href="">EXPLORE</a></p>
</div>
<div>
<img src="images/b2.jpg" alt="">
<h3>Library</h3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry
</span>
<p></p><a href="">EXPLORE</a></p>
</div>
<div>
<h3>Library</h3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry
</span>
<p></p><a href="">EXPLORE</a></p>
<img src="images/b3.jpg" alt="">
</div>
<div>
<h3>Library</h3>
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry
</span>
<p></p><a href="">EXPLORE</a></p>
<img src="images/b4.jpg" alt="">
</div>
<div>
<div>
<h2>GALLERY</h2>
<span>分割线</span>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<dl>
<dt><img src="images/03-01.jpg" alt=""></dt>
<dd><a href=""> Lab</a></dd>
<dt><img src="images/03-02.jpg" alt=""></dt>
<dd><a href=""> Indoor Stadium</a></dd>
<dt><img src="images/03-03.jpg" alt=""></dt>
<dd><a href=""> Transportarion</a></dd>
<dt><img src="images/03-04.jpg" alt=""></dt>
<dd><a href=""> Kids Room</a></dd>
<dt><img src="images/03-05.jpg" alt=""></dt>
<dd><a href=""> Meditation Classes</a></dd>
<dt><img src="images/03-06.jpg" alt=""></dt>
<dd><a href=""> Kids Plsy Ground</a></dd>
</dl>
</div>
</section>
<div class="footer">
<p>© imooc.com 京ICP备13046642</p></div>
</body>
1回答
-
同学你好，插入图片没问题，很棒！祝学习愉快~
0
相似问题