麻烦老师帮忙看看代码是否正确 以及是否有改进的地方 谢谢
来源：2-18 自由编程
dww1
2021-06-10 23:08:15
<!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>Gareer Bulider </title>
<meta name="Description" content="Gareer Bulider是培养小孩的优秀场所--可靠,设备齐全,资源丰富">
<meta name="Keywords" content="运动,展览,交友">
</head>
<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="">EVENTS</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</nav>
</header>
<!-- banner区域 -->
<section class ="banner">
<div class="up">
<!-- 图片 -->
<div class="imgs">
<a href=""><img src="images/banner3.jpg" alt=""></a>
</div>
<!-- 遮罩层 -->
<div class="hidden">banner遮罩层</div>
<!-- 表单 -->
<div class="lists">banner表单</div>
</div>
<div class="down">
<form action="" method="POST">
<p>
<input type="text" placeholder="your Name" />
<input type="text" placeholder="your phone" />
<input type="email" placeholder="your Email" />
<textarea cols="50" rows="6">Write your Comment here</textarea>
</p>
<p>
<input type="submit" value="SEND MESSAGE">
</p>
</form>
</div>
</section>
<!-- about区域 -->
<section class="about">
<div class="main-about">
<!-- 标题和简要描述-->
<h2>ABOUT</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry'sstandard dummy text ever since the 1500s.</p>
</div>
<!-- 详细描述 -->
<div class="secondary about">
<div class="left"">
<h2>A WORD ABOUT US</h2>
<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>
<a href=""><span>EXPLORE</span></a>
</div>
<!-- 放置图片 -->
<div class="img">
<a href=""><img src="images/bb3.jpg" alt=""></a>
</div>
<!-- 学生和天赋 -->
<div class="right">
<div class="students">
<p>70000</p>
<span>Students</span>
</div>
<div class="faculty">
<p>600</p>
<span>Faculty</span>
</div>
</div>
</div>
</section>
<!-- 图文混排区域 -->
<section class="content">
<div class="img01">
<a href=""><img src="images/b1.jpg" alt=""></a>
</div>
<div class="word01">
<p>Library</p>
<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>
<a href=""><p>EXPLORE</p></a>
</div>
<div class="word02">
<p>Library</p>
<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>
<a href=""><p>EXPLORE</p></a>
</div>
<div class="img02">
<a href=""><img src="images/b2.jpg" alt=""></a>
</div>
<div class="img03">
<a href=""><img src="images/b3.jpg" alt=""></a>
</div>
<div class="word03">
<p>Library</p>
<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>
<a href=""><p>EXPLORE</p></a>
</div>
<div class="word04">
<p>Library</p>
<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>
<a href=""><p>EXPLORE</p></a>
</div>
<div class="img04">
<a href=""><img src="images/b4.jpg" alt=""></a>
</div>
</section>
<!-- gallery区域 -->
<div class="gallery">
<div class="main-gallery">
<h2>Gallery</h2>
<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>
<!-- 内容 -->
<div class="secondary-gallery">
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-01.jpg" alt=""></a></dt>
<dd><a href="">cience Lab</a></dd>
</dl>
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-02.jpg" alt=""></a></dt>
<dd><a href="">Indoor Stadium</a></dd>
</dl>
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-03.jpg" alt=""></a></dt>
<dd><a href="">Transportation</a></dd>
</dl>
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-04.jpg" alt=""></a></dt>
<dd><a href="">Kids Room</a></dd>
</dl>
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-05.jpg" alt=""></a></dt>
<dd><a href="">Meditation Classes</a></dd>
</dl>
<dl>
<!-- 放置图片 -->
<dt><a href=""><img src="images/03-06.jpg" alt=""></a></dt>
<dd><a href="">Kids Play Ground</a></dd>
</dl>
</div>
</div>
<!-- 页脚 -->
<footer>
<p>©2016 imooc.com 京ICP备13046642号</p>
</footer>
</body>
</html>
2回答
-
好帮手慕言
2021-06-15
同学你好，可以去掉，祝学习愉快~
0 -
好帮手慕言
2021-06-11
同学你好，参考如下：
1、表单放在lists标签里面即可，如下：
2、代码中多了一个引号，建议去掉，如下：
其他地方是可以的。祝学习愉快~
0h021-06-13
相似问题