當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
简单的学生网页作业源码 基于HTML环保主题网页项目的设计与实现——环保垃圾分类(html css javascript)
生活随笔
收集整理的這篇文章主要介紹了
简单的学生网页作业源码 基于HTML环保主题网页项目的设计与实现——环保垃圾分类(html css javascript)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
📂文章目錄
- 👨?🎓網頁題目
- ??網頁描述
- 🌐網站效果
- 🔧 代碼實現
- 🧱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="fazhanqingkuang.html">發展情況</a></li> <li ><a href="chanshengyuanyin.html">產生原因</a></li> <li ><a href="lajizhonglei.html">垃圾種類</a></li> <li ><a href="chanshengxiaoguo.html">產生效果</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),一般是指按一定規定或標準將垃圾分類儲存、投放和搬運,從而轉變成公共資源的一系列活動的總稱。<br><br>垃圾分類的目的是提高垃圾的資源價值和經濟價值,減少垃圾處理量和處理設備的使用,降低處理成本,減少土地資源的消耗,具有社會、經濟、生態等幾方面的效益。<br><br>垃圾在分類儲存階段屬于公眾的私有品,垃圾經公眾分類投放后成為公眾所在小區或社區的區域性公共資源,垃圾分類搬運到垃圾集中點或轉運站后成為沒有排除性的公共資源。從國內外各城市對生活垃圾分類的方法來看,大多都是根據垃圾的成分、產生量,結合本地垃圾的資源利用和處理方式等來進行分類的。<br><br>2020年5月1日起,《北京市生活垃圾管理條例》實施 。 </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">可回收物主要包括廢紙、塑料、玻璃、金屬和布料五大類。廢紙:主要包括報紙、期刊、圖書、各種包裝紙等。但是,要注意紙巾和廁所紙由于水溶性太強不可回收。</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">其他垃圾(上海稱干垃圾)包括除上述幾類垃圾之外的磚瓦陶瓷、渣土、衛生間廢紙、紙巾等難以回收的廢棄物及塵土、食品袋(盒)。</div> <div class="sdesc"></div> </div></li></ul></div> </div> <div class="clear"></div><div class="content12"> <div class="taitou"><div class="title"> <strong>產生原因</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>每個人每天都會扔出許多垃圾,在一些垃圾管理較好的地區,大部分垃圾會得到衛生填埋、焚燒、堆肥等無害化處理,而更多地方的垃圾則常常被簡易堆放或填埋,導致臭氣蔓延,并且污染土壤和地下水。<br><br>垃圾無害化處理的費用是非常高的,根據處理方式的不同,處理一噸垃圾的費用約為一百元至幾百元不等。人們大量地消耗資源,大規模生產,大量地消費,又大量地生產著垃圾。</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.如果我的博客對你有幫助、如果你喜歡我的博客內容,請 “👍點贊” “??評論” “💙收藏” 一鍵三連哦!
2.💗【👇🏻👇🏻👇🏻關注我| 獲取更多源碼 | 優質文章】 帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業HTML模板 、期末大作業模板 、等! 「在這里有好多 前端 開發者,一起探討 前端 Node 知識,互相學習」!
3.
以上內容技術相關問題💌歡迎一起交流學習👇🏻👇🏻👇🏻🔥總結
以上是生活随笔為你收集整理的简单的学生网页作业源码 基于HTML环保主题网页项目的设计与实现——环保垃圾分类(html css javascript)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于html5外文翻译三千字,论文外文文
- 下一篇: JavaScript常用正则判断(待续.