當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

简单的学生网页作业源码基于HTML环保主题网页项目的设计与实现——环保垃圾分类(html css javascript)

發(fā)布時(shí)間：2024/3/12 javascript 31 豆豆

生活随笔收集整理的這篇文章主要介紹了简单的学生网页作业源码基于HTML环保主题网页项目的设计与实现——环保垃圾分类(html css javascript) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

📂文章目錄

👨?🎓網(wǎng)頁題目
??網(wǎng)頁描述
🌐網(wǎng)站效果
🔧 代碼實(shí)現(xiàn)
- 🧱HTML結(jié)構(gòu)代碼
🎁更多干貨

👨?🎓網(wǎng)頁題目

🌲環(huán)境保護(hù)、🌳 保護(hù)地球、🌴 校園環(huán)保、🌵垃圾分類、🚵🏼綠色家園、等網(wǎng)站的設(shè)計(jì)與制作。

??網(wǎng)頁描述

? 總結(jié)了一些學(xué)生網(wǎng)頁制作的經(jīng)驗(yàn)：一般的網(wǎng)頁需要融入以下知識(shí)點(diǎn)：div+css布局、浮動(dòng)、定位、高級(jí)css、表格、表單及驗(yàn)證、js輪播圖、音頻視頻 Flash的應(yīng)用、ul li、下拉導(dǎo)航欄、鼠標(biāo)劃過效果等知識(shí)點(diǎn)，網(wǎng)頁的風(fēng)格主題也很全面：如愛好、風(fēng)景、校園、美食、動(dòng)漫、游戲、咖啡、音樂、家鄉(xiāng)、電影、名人、商城以及個(gè)人主頁等主題，學(xué)生、新手可參考下方頁面的布局和設(shè)計(jì)和HTML源碼（有用點(diǎn)贊△）

🌐網(wǎng)站效果

🔧 代碼實(shí)現(xiàn)

🧱HTML結(jié)構(gòu)代碼

<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="fazhanqingkuang.html">發(fā)展情況</a></li> <li ><a href="chanshengyuanyin.html">產(chǎn)生原因</a></li> <li ><a href="lajizhonglei.html">垃圾種類</a></li> <li ><a href="chanshengxiaoguo.html">產(chǎn)生效果</a></li> <li ><a href="yonghudenglu.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"> <strong>介紹</strong> <i>JIESHAO</i></div></div> <div class="js"><div class="desc"> 垃圾分類（Garbage classification），一般是指按一定規(guī)定或標(biāo)準(zhǔn)將垃圾分類儲(chǔ)存、投放和搬運(yùn)，從而轉(zhuǎn)變成公共資源的一系列活動(dòng)的總稱。<br><br>垃圾分類的目的是提高垃圾的資源價(jià)值和經(jīng)濟(jì)價(jià)值，減少垃圾處理量和處理設(shè)備的使用，降低處理成本，減少土地資源的消耗，具有社會(huì)、經(jīng)濟(jì)、生態(tài)等幾方面的效益。<br><br>垃圾在分類儲(chǔ)存階段屬于公眾的私有品，垃圾經(jīng)公眾分類投放后成為公眾所在小區(qū)或社區(qū)的區(qū)域性公共資源，垃圾分類搬運(yùn)到垃圾集中點(diǎn)或轉(zhuǎn)運(yùn)站后成為沒有排除性的公共資源。從國(guó)內(nèi)外各城市對(duì)生活垃圾分類的方法來看，大多都是根據(jù)垃圾的成分、產(chǎn)生量，結(jié)合本地垃圾的資源利用和處理方式等來進(jìn)行分類的。<br><br>2020年5月1日起，《北京市生活垃圾管理?xiàng)l例》實(shí)施。 </div></div> </div> <div class="clear"></div><div class="content12"> <div class="taitou"><div class="title"> <strong>垃圾種類</strong> <i>LAJIZHONGLEI</i></div></div> <div class="ljzl"><ul> <li> <div class="img"><img src="images/3.jpg"></div> <div class="text"> <div class="title">可回收物</div> <div class="clear"></div> <div class="desc">可回收物主要包括廢紙、塑料、玻璃、金屬和布料五大類。廢紙：主要包括報(bào)紙、期刊、圖書、各種包裝紙等。但是，要注意紙巾和廁所紙由于水溶性太強(qiáng)不可回收。</div> <div class="sdesc"></div> </div></li> <li> <div class="img"><img src="images/4.jpg"></div> <div class="text"> <div class="title">其他垃圾</div> <div class="clear"></div> <div class="desc">其他垃圾（上海稱干垃圾）包括除上述幾類垃圾之外的磚瓦陶瓷、渣土、衛(wèi)生間廢紙、紙巾等難以回收的廢棄物及塵土、食品袋（盒）。</div> <div class="sdesc"></div> </div></li></ul></div> </div> <div class="clear"></div><div class="content12"> <div class="taitou"><div class="title"> <strong>產(chǎn)生原因</strong> <i>CHANSHENGYUANYIN</i></div></div> <div class="csyy"><div class="img"> <img src="images/5.jpg"> </div><div class="desc"><br><br>一圖了解生活中的垃圾分類。<br><br>每個(gè)人每天都會(huì)扔出許多垃圾，在一些垃圾管理較好的地區(qū)，大部分垃圾會(huì)得到衛(wèi)生填埋、焚燒、堆肥等無害化處理，而更多地方的垃圾則常常被簡(jiǎn)易堆放或填埋，導(dǎo)致臭氣蔓延，并且污染土壤和地下水。<br><br>垃圾無害化處理的費(fèi)用是非常高的，根據(jù)處理方式的不同，處理一噸垃圾的費(fèi)用約為一百元至幾百元不等。人們大量地消耗資源，大規(guī)模生產(chǎn)，大量地消費(fèi)，又大量地生產(chǎn)著垃圾。</div><div class="slist"> <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.如果我的博客對(duì)你有幫助、如果你喜歡我的博客內(nèi)容，請(qǐng) “👍點(diǎn)贊” “??評(píng)論” “💙收藏” 一鍵三連哦！

2.💗【👇🏻👇🏻👇🏻關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板、大學(xué)生畢業(yè)HTML模板、期末大作業(yè)模板、等! 「在這里有好多前端開發(fā)者，一起探討前端 Node 知識(shí)，互相學(xué)習(xí)」！

以上內(nèi)容技術(shù)相關(guān)問題💌歡迎一起交流學(xué)習(xí)👇🏻👇🏻👇🏻🔥