大一html网页制作期末网页设计——环境保护-小黄车(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 环保生态 绿色环境

HTML5期末大作业：环境保护网站设计——环境保护-小黄车(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 环保生态 绿色环境

文章目录

一、作品展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<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>环境保护网</title>
    <link href="css/css.css" type=text/css rel=stylesheet>
</head>

<body>
    <embed src="images/huanbao.mp3" width="0" height="0"></embed>
    <div class="con">
        <div class="head">
            <div class="logo"><a href="#"><img class=pic src="images/logo.jpg" height="80"></a> </div>
            <div class="nav">
                <ul>
                    <li><a href="index.html" target="_blank">首页</a></li>
                    <li><a href="xiangce.html" target="_blank">环保相册</a></li>
                    <li><a href="baike.html" target="_blank">环保内容</a></li>
                    <li><a href="hjcb.html" target="_blank">环境成本</a></li>
                    <li><a href="hbjnr.html" target="_blank">环保纪念日</a></li>
                </ul>
            </div>
        </div>
        <div class="lunbo">
            <embed src="images/lunbo.swf" width="960" height="300"></embed>
        </div>
        <div class="main">
            <div class="tuijian">
                <div class="tuijian_t">环境保护 </div>
                <div><img src="images/biaoti/vallqib1.gif" width="620" /></div>

                <p> 环境保护是指人类为解决现实或潜在的环境问题，协调人类与环境的关系，保障经济社会的可持续发展而采取的各种行动的总称。其方法和手段有工程技术的、行政管理的，也有法律的、经济的、宣传教育的等。 </p>
                <p></p>
            </div>
            <div class="news">
                <div class="news_t">环保导航 </div>
                <div class="news_nav">
                    <ul>
                        <li><a href="page1.html" target="_blank">自然经济发展　</a></li>
                        <li><a href="page2.html" target="_blank">新产品环保</a></li>
                        <li><a href="page3.html" target="_blank">国际环境保护发展历程</a></li>
                        <li><a href="page4.html" target="_blank">中国环境的问题以及发展</a></li>
                        <li><a href="page5.html" target="_blank">环保相关的名言</a></li>
                    </ul>
                </div>
            </div>
            <div style="clear:both"></div>
            <div class="main_in_t mt10">环保相册 </div>
            <div class="main_in_ms">
                <ul>
                    <li><a href="#.html"><img src="images/zhanlan/a1.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a2.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a3.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a4.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a5.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a6.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a7.jpg" /></a><br /> 环保相册
                    </li>
                    <li><a href="#.html"><img src="images/zhanlan/a8.jpg" /></a><br /> 环保相册
                    </li>
                </ul>
            </div>
            <div style="clear:both"></div>
        </div>
        <div class="foot">
            <div style="clear:both"></div>
            <p> 版权所有 Copyright(C) 环境保护网 </p>
            <p> All rights reserved</p>
        </div>
    </div>
</body>

</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号

版权声明：本文为qq_524614081原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。