HTML期末作业-保护环境-保护地球（HTML+CSS+JavaScript）
部分网页源码
<!DOCTYPE html>
<!-- Website template form http://www.mycodes.net/ -->
<html>
<head>
<meta charset="UTF-8">
<title>保护环境-保护地球</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="header">
<div>
<a href="index.html" id="logo"><img src="images/logo.png" alt="logo"></a>
<div>
<a href="donate.html">donate</a>
<ul>
<li class="selected">
<a href="index.html">首页</a>
</li>
<li>
<a href="about.html">关于</a>
</li>
<li>
<a href="programs.html">简介</a>
</li>
<li>
<a href="gallery.html">新闻</a>
</li>
<li>
<a href="contact.html">联系</a>
</li>
<li>
<a href="blog.html">博客</a>
</li>
</ul>
</div>
</div>
</div>
<div class="body">
<div class="home">
<div class="featured">
<div>
<p>
绿色出行、随手关灯、光盘行动……<br> “美丽中国，我是行动者”。
</p>
<h2>增强绿色低碳意识，<br><br> 让环保理念更加普及。</h2>
</div>
</div>
<div class="section">
<div>
<div>
<a href="programs.html"><img src="images/help-out.jpg" alt=""></a>
<p>
“在‘绿水青山就是金山银山’理念指引下，近年来中国生态环境持续改善。”“保护生态环境和发展经济从根本上讲是有机统一、相辅相成的”
</p>
</div>
<div>
<h3><a href="programs.html">环保项目</a></h3>
<ul>
<li>
<a href="programs.html"><img src="images/top-program1.jpg" alt=""></a>
<h4><a href="programs.html">保护环境</a></h4>
<p>
中国作为全球生态文明建设的重要参与者、贡献者、引领者，为保护人类共同的地球家园贡献了中国力量。
</p>
</li>
<li>
<a href="programs.html"><img src="images/top-program2.jpg" alt=""></a>
<h4><a href="programs.html">回收纸</a></h4>
<p>
保护环境，人人出力。建设美丽中国，让我们一起来做环保行动派。
</p>
</li>
</ul>
</div>
</div>
<div>
<div>
<a href="programs.html"><img src="images/what-we-do.jpg" alt=""></a>
<p>
丰富绿色生活方式，将环保实践融入日常。绿色出行、随手关灯、光盘行动……践行环保理念要从身边做起。垃圾分类换积分，有设计感的布袋代替塑料制品，无纸化办公更有科技范儿……环保行动也可以很酷很时尚。
</p>
</div>
<div>
<h3><a href="blog.html">环保知识</a></h3>
<ul>
<li>
<a href="blog.html"><img src="images/blog-post1.jpg" alt=""></a>
<div>
<h4><a href="blog.html">保护环境的重要性</a></h4>
<p>
随着我国经济的发展，有效利用能源、减少环境污染、降低安全生产事故频次，防止突发环境事件，确保生命安全的重要性日益凸显。... <a href="blog.html" class="more">查看更多</a>
</p>
</div>
</li>
<li>
<a href="blog.html"><img src="images/blog-post2.jpg" alt=""></a>
<div>
<h4><a href="blog.html">保护环境 人人出力</a></h4>
<p>
“美丽中国，我是行动者”。保护生态环境，谁也不能置身事外，每个人都是生态环境的保护者、建设者、受益者。 。
... <a href="blog.html" class="more">查看更多</a>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div>
<div>
<h4>24小时联系电话</h4>
<ul>
<li class="phone-num">
123-456-7890 <br> 123-456-7890
</li>
<li class="email">
<a href="#">123456@163.com</a>
</li>
<li class="address">
中华人民共和国 <br> 北京, 10086
</li>
</ul>
</div>
<div>
<h4>Recent Tweets</h4>
<ul>
<li>
<p>
四川:抓好长江生态环境问题整改落实
</p>
- <span><a href="blog.html">1天前</a></span>
</li>
<li>
<p>
覃家岗小学开展保护环境主题教育活动
</p>
- <span><a href="blog.html">2天前</a></span>
</li>
</ul>
</div>
</div>
<div>
<ul>
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="about.html">关于</a>
</li>
<li>
<a href="programs.html">简介</a>
</li>
<li>
<a href="gallery.html">新闻</a>
</li>
<li>
<a href="contact.html">联系</a>
</li>
<li>
<a href="blog.html">博客</a>
</li>
</ul>
<p>
© 19660351 薛紫萱---2020年环境保护日 - 保护地球<a href="http://www.baidu.com/" title="百度" target="_blank">人人有责</a>
</p>
</div>
</div>
</body>
</html>
部分网页截图
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
