HTML作业-保护环境-保护地球

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-1 10:16   14682   1

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>
    &#169; 19660351 薛紫萱---2020年环境保护日&nbsp;- 保护地球<a href="http://www.baidu.com/" title="百度" target="_blank">人人有责</a> 
   </p>
  </div>
 </div>
</body>
</html>

部分网页截图

分享到 :
0 人收藏

1 个回复

倒序浏览
2#
NxZ_Lucy  1级新秀 | 2021-6-15 20:31:53 发帖IP地址来自 福建
@选择匿名的用户

HTML作业-保护环境-保护地球

HTML期末作业-保护环境-保护地球(HTML&#43;CSS&#43;JavaScript)
部分网页源码
&lt;!DOCTYPE html&gt;
&lt;!-- Website template form http://www.mycodes.net/ --&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset&#61;&#34;UTF-8&#34;&gt;
&lt;title&gt;保护环境-保护 ...查看全文
选择匿名的用户 发表于 2021-6-1 10:16 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP