老师，麻烦你看一下代码有没有问题？
来源：3-8 自由编程
陈淑雯
2021-04-05 00:52:24
<!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>Career Builder</title>
<meta name="Keywords" content="career builder，关键词1，关键词2，关键词3">
<meta name="Description" content="产品的描述，吸引顾客"
</head>
<body>
<!-- header部分 -->
<header">
<!-- 左侧loge -->
<div class="header-left-loge">
<img src="imagess/logo.png">
</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 class="banner">
<!-- 图片 -->
<div class="banner-img">
<img src="imagess/banner3.jpg">
</div >
<!-- 遮障层 -->
<div class="banner-mask">
banner遮障
</div>
<!-- 表单 -->
<div>
banner表单
</div>
</div>
<!-- about区域 -->
<section>
<!-- about上半部分 -->
<div class="about-top">
<h2>About</h2>
</div>
<!-- about下半部分 -->
<div class="about-botten">
<div class="about-botten-left">
<p>分割线</p>
<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>
<h3>A WORD 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>
<p>EXPLORE</p>
<img src="imagess/bb3.jpg" alt="EXPLORE">
<P>70000</P>
</div>
<div class="about-botten-center">
<p>分割线</p>
<Pp>studens</Pp>
<p>600</p>
</div>
<div class="about-botten-right">
<p>分割线</p>
<p>Faculty</p>
<img src="imagess/b1.jpg" alt="Faculty">
<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>
<p>EXPLORE</p>
<img src="imagess/b2.jpg" alt="EXPLORE">
<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>
<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>
<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>
<p>EXPLORE</p>
<img src="imagess/b3.jpg" alt="EXPLORE">
<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>
<p>GALLERY</p>
<img src="imagess/b3.jpg" alt="GALLERY">
</div>
</div>
</section>
<!-- 图片混排区域 -->
<div>
<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 class="picture-one">
<img src="imagess/03-01.jpg" alt="Science Lab">
<p>Science Lab</p>
</div>
<div class="picture-two">
<img src="imagess/03-02.jpg" alt="Indoor Stadium">
<p>Indoor Stadium</p>
</div>
<div class="picture-three">
<img src="imagess/03-03.jpg" alt="Transportation">
<p>Transportation</p>
</div>
<div class="picture-four">
<img src="imagess/03-04.jpg" alt="Kids Room">
<p>Kids Room</p>
</div>
<div class="picture-five">
<img src="imagess/03-05.jpg" alt="Meditation Classes">
<p>Meditation Classes</p>
</div>
<div class="picture-six">
<img src="imagess/03-06.jpg" alt="Kids Play Ground">
<p>Kids Play Ground</p>
</div>
</div>
<!-- gallery -->
<div class="gallery">
<!-- gallery上半部分 -->
<div class="gallery-top">
<h2>GALLERY</h2>
<div>
gallery上半部分
</div>
</div>
<!-- gallery下半部分 -->
<div class="gallery-bottom">
<dl>
<dt>图片</dt>
<dd>Science Lab</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Indoor Stadium</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Transportation</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Room</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Meditation Classes</dd>
</dl>
<dl>
<dt>图片</dt>
<dd>Kids Play Ground</dd>
</dl>
</div>
</div>
<!-- footer部分 -->
<div class="footer">
<p>
© 2016 imooc.com 京JCP备13046642号
</p>
</div>
</body>
</html>
1回答
-
同学你好，about区域中最后一张可以引入b4图片，不要和上面重复了
其他代码没有问题。
祝学习愉快！
0
相似问题