请老师帮忙检查作业，谢谢老师！
来源：3-8 自由编程
小银
2021-07-23 15:13:32
<!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>
<!-- header区域 -->
<header>
<div class="logo">
<img src="images/logo.png" alt="">
</div>
<!-- 导航区域 -->
<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="">EVENTS</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</nav>
</header>
<!-- banner区域 -->
<div>
<div class="image">
<img src="images/banner3.jpg" alt="">
</div>
<div class="mask">banner遮罩层</div>
<div class="form">banner表单</div>
</div>
<!-- about区域 -->
<div>
<!-- about上半部分 -->
<div class="top-about">
<h2>ABOUT</h2>
<div>分割线</div>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting <br> industry. Lorem Ipsum has been the
industry's standard dummy <br> text ever since the 1500s.</p>
</div>
<!-- about下半部分 -->
<div class="down-about">
<!-- about下左边内容 -->
<div class="about-down-left">
<h3>A WORD <br> ABOUT US</h3>
<P>Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo?
Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.</P>
<div>EXPLORE</div>
</div>
<!-- about下中间图片 -->
<div class="about-picture">
<img src="images/bb3.jpg" alt="">
</div>
<!-- about下右边内容 -->
<div>
<div>
<span>70000</span>
<div>分割线</div>
<span>Students</span>
</div>
<div>
<span>600</span>
<div>分割线</div>
<span>Faculty</span>
</div>
</div>
</div>
</div>
<!-- 图文混排区域 -->
<div class="Photo-text">
<!-- 图片1 -->
<div class="ima-1">
<img src="images/b1.jpg" alt="">
</div>
<!-- 文字2 -->
<div class="font-2">
<h3>library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book.</p>
<div>EXPLORE</div>
</div>
<!-- 图片3 -->
<div class="ima-3">
<img src="images/b2.jpg" alt="">
</div>
<!-- 文字4 -->
<div class="font-4">
<h3>library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book.</p>
<div>EXPLORE</div>
</div>
<!-- 文字5 -->
<div class="font-5">
<h3>library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book.</p>
<div>EXPLORE</div>
</div>
<!-- 图片6 -->
<div class="ima-6">
<img src="images/b3.jpg" alt="">
</div>
<!-- 文字7 -->
<div class="font-7">
<h3>library</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book.</p>
<div>EXPLORE</div>
</div>
<!-- 图片8 -->
<div class="ima-8">
<img src="images/b4.jpg" alt="">
</div>
</div>
<!-- gallery区域 -->
<div class="gallery">
<!-- gallery上半部分 -->
<div class="top-gal">
<h2>GALLERY</h2>
<div>分割线</div>
<p> Lorem Ipsum is simply dummy text of the printing and typesetting <br>industry. Lorem Ipsum has been the
industry's standard dummy<br> text ever since the 1500s.
</p>
</div>
<!--gallery下半部分 -->
<div class="down-gal">
<dl>
<dt><img src="images/03-01.jpg" alt=""></dt>
<dd>science lab</dd>
<dt><img src="images/03-02.jpg" alt=""></dt>
<dd>indoor stadium</dd>
<dt><img src="images/03-03.jpg" alt=""></dt>
<dd>transortaton</dd>
<dt><img src="images/03-04.jpg" alt=""></dt>
<dd>kids room</dd>
<dt><img src="images/03-05.jpg" alt=""></dt>
<dd>meditation classes</dd>
<dt><img src="images/03-06.jpg" alt=""></dt>
<dd>kids play ground</dd>
</dl>
</div>
</div>
<!-- footer -->
<div class="footer">
<p>© 2016 imooc.com 京ICP备13046642号</p>
</div>
<img src="" alt="">
</body>
</html>
1回答
-
好帮手慕星星
2021-07-23
同学你好，代码引入图片没问题，很棒。继续加油，祝学习愉快！0
相似问题