用DIV+CSS技术设计的环保主题网站（web前端网页制作课作业） (2)

📂文章目录

👨‍🎓网页题目
✍️网页描述
🌐网站效果
🔧 代码实现
- 🧱HTML结构代码
🎁更多干货

👨‍🎓网页题目

🌲环境保护、🌳 保护地球、🌴 校园环保、🌵垃圾分类、🚵🏼绿色家园、等网站的设计与制作。

✍️网页描述

⭐ 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞△）

🌐网站效果

在这里插入图片描述

🔧 代码实现

🧱HTML结构代码



<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>
<div class="main" >

<div  class="content12">
<div class="daohang">





<div class="img"><img src="images/1.jpg"></div>
 


<ul>
<li class="active"><a href="index.html">首页</a>
</li>
<li ><a href="jiancheng.html">简称</a></li>
<li ><a href="dingyineihan.html">定义内涵</a></li>
<li ><a href="huanjingbaohudeyiyi.html">环境保护的意义</a></li>
<li ><a href="huanbaoxingainian.html">环保新概念</a></li>
 
</ul>





</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="guanggaotupian">


<div class="img">
<img src="images/2.jpg"></div>
 

</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="taitou">

<div class="title">
<div class="stitle"> 简称</div> 
<div class="clear"></div>
<div class="triangleup"></div>
</div>
 



</div>
<div class="jc">






<ul>
<li>
<div class="img"><img src="images/3.jpg"></div>
<div class="desc">
<div class="title">保护</div>
<div class="clear"></div>
1.1962年美国海洋生物学家蕾切尔·卡逊在《寂静的春天》一书中明确描述了农药杀虫剂DDT对环境的污染和破坏环境作用，由于该书的警示，美国xx开始对剧毒杀虫剂问<button>查看详情</button>
</div>
</li>
<li>
<div class="img"><img src="images/4.jpg"></div>
<div class="desc">
<div class="title">主要内容</div>
<div class="clear"></div>
环境保护又是指人类有意识地保护自然资源并使其得到合理的利用，防止自然环境受到污染和破坏；对受到污染和破坏的环境必须做好综合治理，以创造出适合于人类生活、工作的环<button>查看详情</button>
</div>
</li>
 
</ul>









</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="taitou">

<div class="title">
<div class="stitle"> 环境保护的意义</div> 
<div class="clear"></div>
<div class="triangleup"></div>
</div>
 



</div>
<div class="hjbhdyy">










<div class="desc">
<br><br>环境保护又是指人类有意识地保护自然资源并使其得到合理的利用，防止自然环境受到污染和破坏；对受到污染和破坏的环境必须做好综合治理，以创造出适合于人类生活、工作的环境。环境保护也是指人类为解决现实的或潜在的环境问题，协调人类与环境的关系，保障经济社会的持续发展而采取的各种行动的总称。其方法和手段有工程技术的、行政管理的，也有法律的、经济的、宣传教育的等。</div>

<div class="clear"></div>
<div class="img">
<img src="images/5.jpg">
</div>


<div class="clear"></div>



<div class="desc">
其内容主要有：<br><br>（1）防治由生产和生活活动引起的环境污染，包括防治工业生产排放的“三废”（废水、废气、废渣）、粉尘、放射性物质以及产生的噪声、振动、恶臭和电磁微波辐射，交通运输活动产生的有害气体、液体、噪声，海上船舶运输排出的污染物，工农业生产和人民生活使用的有毒有害化学品，城镇生活排放的烟尘、污水和垃圾等造成的污染。</div>


<div class="clear"></div>

<div class="list">
<img src="images/6.jpg" class="simg">
<img src="images/7.jpg" class="simg">
<img src="images/8.jpg" class="simg">
 
</div>









 














</div>
</div>
<div class="clear"></div>

<div  class="content12">
<div class="dibu">

<div class="desc">
环保 
</div>


</div>
</div>
<div class="clear"></div></div></body></html>

🎁更多干货

1.如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “👍点赞” “✍️评论” “💙收藏” 一键三连哦！

2.💗【👇🏻👇🏻👇🏻关注我| 获取更多源码 | 优质文章】 带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前端开发者，一起探讨前端 Node 知识，互相学习」！

以上内容技术相关问题💌欢迎一起交流学习👇🏻👇🏻👇🏻🔥