HTML作业-保护环境-保护地球
生活随笔
收集整理的这篇文章主要介绍了
HTML作业-保护环境-保护地球
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
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>部分网页截图
总结
以上是生活随笔为你收集整理的HTML作业-保护环境-保护地球的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: WEB安全基础-SQL相关
- 下一篇: 笔记本html怎么插入图片,将图像嵌入到