码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)


    🎉不定期分享源码,关注不丢失哦

    文章目录

    • 一、作品介绍
    • 二、作品演示
    • 三、代码目录
    • 四、网站代码
      • HTML部分代码
    • 五、源码获取


    一、作品介绍

    🏷️本套采用HTML+CSS,未使用Javacsript代码,共有5个页面。

    二、作品演示

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

    三、代码目录

    在这里插入图片描述

    四、网站代码

    HTML部分代码

    <!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<title>垃圾分类</title>
    	<link rel="stylesheet" href="./css/style.css">
    </head>
    <body>
    	<div class="w1000">
    		<div class="top">
    			<img src="./images/1.jpg" alt="">
    		</div>
    		<div class="nav">
    			<a href="index.html">首页</a>
    			<a href="1.html">分类原则</a>
    			<a href="2.html">垃圾种类</a>
    			<a href="3.html">分类意义</a>
    			<a href="4.html">宣传图片</a>
    		</div>
    		
    		<div class="c">
    			<div class="c-t">简介</div>
    			<div class="c-d cl">
    <img src="./images/2.jpg" class="fr" alt="">
    				<p>垃圾分类(Garbage classification),一般是指按一定规定或标准将垃圾分类投放、收集、运输和处理,从而转变成公共资源的一系列活动的总称。垃圾分类的目的是提高垃圾的资源价值和经济价值,减少垃圾处理量和处理设备的使用,降低处理成本,减少土地资源的消耗,具有社会、经济、生态等几方面的效益。
    </p>
    			</div>
    			<div class="c-t">产生原因</div>
    			<div class="c-d cl">
    <img src="./images/3.jpg" class="fl" alt="">
    				<p class="fr">每个人每天都会扔出许多垃圾,在一些垃圾管理较好的地区,大部分垃圾会得到卫生填埋、焚烧、堆肥等无害化处理,而更多地方的垃圾则常常被简易堆放或填埋,导致臭气蔓延,并且污染土壤和地下水。垃圾无害化处理的费用是非常高的,根据处理方式的不同,处理一吨垃圾的费用约为一百元至几百元不等。人们大量地消耗资源,大规模生产,大量地消费,又大量地生产着垃圾。后果将不堪设想。
    </p>
    			</div>
    		</div>
    		
    		<div class="footer">
    			垃圾分类 从我做起
    		</div>
    	</div>
    </body>
    </html>
    
    

    五、源码获取

    🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
    🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
    💙2.想要获取本文源码,点击前往吧

  • 相关阅读:
    我的设计模式之旅、12 原型模式
    从入门开始手把手搭建千万级Java算法测试-计算X的n次幂两种方法比较
    3、《创建您自己的NFT集合并发布一个Web3应用程序来展示它们》在本地铸造 NFT
    JSP JAVA javaweb企业仓库库存管理系统(仓库进销存管理系统ssm库存管理系统仓库管理系统)
    如何注册Liberty大学并获取Perplexity Pro
    Java代码的编译过程(没写完,不要点进来)
    /var/lib/docker/aufs/mnt/ 空间占用高问题解决\查看磁盘空间
    科技类PPT制作总结
    数据库常用的几大范式NF
    CRC8算法的解读,以及在E2E通信保护的应用
  • 原文地址:https://blog.csdn.net/weixin_42283461/article/details/139579280
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号