当前位置： 首页 > news >正文

HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)

news 2026/5/13 15:01:39

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

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • 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.想要获取本文源码，点击前往吧

相关文章：

HTML静态网页成品作业(HTML+CSS)—— 环保主题介绍网页(5个页面)

&#x1f389;不定期分享源码&#xff0c;关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 &#x1f3f7;️本套采用HTMLCSS&#xff0c;未使用Javacsript代码&#xff0c;共有5个页面。 二、作品演示 三、代…...

编程日记 2024/6/17 8:23:14

深入了解RSA加密算法

目录 前言 一、什么是RSA&#xff1f; 二、RSA加密的基本概念 1.非对称加密 2.密钥生成 3.加密和解密 三、RSA加密的工作原理 四、RSA的应用场景 五、RSA加密解密的实现 六、RSA算法的局限性及改进措施 前言 在当今的数字化时代&#xff0c;信息的安全性成为了人们关注…...

编程日记 2024/6/17 8:20:11

github基础使用

前言 将用到的github指令记录下来&#xff0c;持续更新&#xff0c;方便随时查找学习。 一、github用到的指令 1、我们从github克隆下来的代码版本一般都是master主分支&#xff0c;我们要建立自己的分支进行修改&#xff1a; //git branch //查看目前的分支/* * master /…...

编程日记 2024/6/17 8:18:09

Docker使用心得

Docker使用心得 最近使用Docker比较频繁&#xff0c;特此想记录一下&#xff0c;方便后续查找。 Docker常用命令Docker如何配置使用GPU环境&#xff1f;如何使用Dockerfile构建镜像&#xff1f;如何使用docker compose 实例化容器&#xff1f; Docker如何配置使用GPU环境 参…...

编程日记 2024/6/17 8:16:07

QListWidget 插入 item，item显示自定义界面

代码示意&#xff1a; class ItemWidget_action_cfg_w(QWidget):... # 如下方法是在指定item下插入新的item def __do_add_item(self, item):# 获取当前item rowrow self.__list_w.indexFromItem(item).row()# 注意这里没有父类&#xff0c;解释见后面说明new_item QList…...

编程日记 2024/6/17 8:15:06

Python写一个ERP系统和agent智能体协同仓库和订单的案例

这是一个关于使用Python编写一个简单的ERP系统&#xff0c;并与Agent智能体协同完成仓库和订单管理的案例。在这个案例中&#xff0c;我们将使用Python的第三方库sqlite3进行数据库操作&#xff0c;以及discord库实现与Agent智能体的通信。 1. 首先&#xff0c;安装所需库&…...

编程日记 2024/6/17 8:14:05

【计算机网络】已解决：“‘ping‘ 不是内部或外部命令，也不是可运行的程序或批处理文件”报错

文章目录 一、问题分析背景二、可能出错的原因三、错误代码示例四、正确解决方法与示例五、注意事项 已解决“‘ping’ 不是内部或外部命令&#xff0c;也不是可运行的程序或批处理文件”报错 一、问题分析背景 在Windows操作系统中&#xff0c;ping 命令是一个常用的网络诊断…...

编程日记 2024/6/17 8:13:03

Web前端学堂：深入探索前端开发的核心领域

Web前端学堂&#xff1a;深入探索前端开发的核心领域 在数字化时代的浪潮中&#xff0c;Web前端开发扮演着至关重要的角色。它不仅是连接用户与互联网世界的桥梁&#xff0c;更是创造丰富、互动网络体验的关键所在。本文将带领读者走进Web前端学堂&#xff0c;从四个方面、五个…...

编程日记 2024/6/17 8:11:01

Java数据结构与算法(0/1背包问题)

前言: 背包问题&#xff08;Knapsack Problem&#xff09;是组合优化问题中的一个经典问题&#xff0c;有多个变种。这里我们讨论的是 0/1 背包问题&#xff0c;这是最基本的一种形式。问题的描述如下&#xff1a; 给定 n 件物品&#xff0c;每件物品有一个重量 wi 和一个价值…...

编程日记 2024/6/17 8:09:59

LLVM 中 的 pass 及其管理机制

概述 LLVM 编译器框架的核心概念是任务调用和执行 编译器开发者将IR分解为不同的处理对象&#xff0c;并将其处理过程实现为单独的pass类型。在编译器初始化&#xff0c;pass被实例化&#xff0c;并被添加到pass管理中 pass 管理器(pass manager) 以流水线的方式将各个独立的…...

编程日记 2024/6/17 8:08:57

第 5 章 监控系统 | 入门案例 - 虚拟机监控

👉 本文目标：为 Linux 虚拟机/服务器安装 node_exporter，实现对虚拟机/服务器的监控。 👀 本文内容： 安装 Node Exporter，暴露 Linux 指标（比如 CPU、磁盘、IO 等）配置 Prometheus 抓取 Node Exporter 暴露的指标数据配置 Recording Rule，便于缓存/加速 Dashboard 频…...

编程日记 2024/6/17 8:07:56

教资认定报名照片要求小于190kb…

教资认定报名照片要求小于190kb…… 要求&#xff1a;文件小于190kb&#xff0c;宽度290-300&#xff0c;高度408-418 方法&#xff1a;vx搜随时照-教资认定 直接制作合规尺寸即可&#xff0c;还可以打印纸质版邮寄到家...

编程日记 2024/6/17 8:03:50

显示类控件——Calendar Widget

&#x1f40c;博主主页&#xff1a;&#x1f40c;​倔强的大蜗牛&#x1f40c;​ &#x1f4da;专栏分类&#xff1a;QT ❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 文章目录 一、Calendar Widget介绍核心属性重要信号代码示例: 获取选中的日期 一、Calendar Widget 介绍 …...

编程日记 2024/6/17 7:53:37

system与excel族函数区别

1.system #include<stdlib.h> int system(const char *command); comand是命令的路径&#xff0c;一般我们用绝对路径 system函数会创建新的进程&#xff0c;新的进程执行完返回原来的进程&#xff0c;原来的进程则继续执行后面的代码段。 如我们创建一个sys.cpp文件…...

编程日记 2024/6/17 7:52:36

STM32存储左右互搏 模拟U盘桥接SPI总线FATS读写FLASH W25QXX

STM32存储左右互搏 模拟U盘桥接SPI总线FATS读写FLASH W25QXX STM32的USB接口可以模拟成为U盘&#xff0c;通过FATS文件系统对连接的存储单元进行U盘方式的读写。 这里介绍STM32CUBEIDE开发平台HAL库模拟U盘桥接SPI总线FATS读写W25Q各型号FLASH的例程。 FLASH是常用的一种非易失…...

编程日记 2024/6/17 7:51:34

jrt从量变到质变

又是一个加班的周末&#xff0c;上周把台式机代码和数据库环境弄好了&#xff0c;这周进行大数据测试&#xff0c;直接把标本、标本医嘱、报告、报告结果、药敏结果等数据插入到1亿的规模&#xff0c;跑了一天一夜插入了5000多万个标本&#xff0c;后面接着补剩下的到一亿。 演…...

编程日记 2024/6/17 7:49:32

NLP主流大模型如GPT3/chatGPT/T5/PaLM/LLaMA/GLM的原理和差异有哪些-详细解读

自然语言处理&#xff08;NLP&#xff09;领域的多个大型语言模型&#xff08;如GPT-3、ChatGPT、T5、PaLM、LLaMA和GLM&#xff09;在结构和功能上有显著差异。以下是对这些模型的原理和差异的深入分析&#xff1a; GPT-3 (Generative Pre-trained Transformer 3) 虽然GPT-4…...

编程日记 2024/6/17 7:47:30

从MySQL到NoSQL：分析传统关系型数据库与NoSQL数据库的协同

引言 数据库是一个系统，用来管理和存储数据的地方。数据在数据库中以一种结构化的方式组织，这样能更容易地查询和处理数据。 关系型数据库是基于关系模型的数据库，它将数据存储在不同的表中，每个表都有各自的独一无二的主键。表与表之间通过共享的数据项相互关联。像MySQ…...

编程日记 2024/6/17 7:44:25

三、树和割集

文章目录 1、树1.1 树的定义1.2 树的性质1.3 极小连通图1.4 树的中心1.5 生成树1.5.1 最小生成树 2、 割点和桥THE END 1、树 1.1 树的定义 \qquad 定义&#xff1a; 一个连通的无圈的图称为树。 \qquad 只有一个顶点的树叫做平凡树。 \qquad 树中度为1的节点称为叶子结点。…...

编程日记 2024/6/17 7:43:24

泛型中＜＞和（）中的类型

尖括号 < > 中的类型参数定义了一组可以被替换的类型占位符&#xff0c;而圆括号 (...) 内的类型使用则是这些类型参数的具体应用场景&#xff0c;展示了这些类型变量如何参与到函数的参数和返回值类型定义中去。这样设计既保证了代码的灵活性&#xff0c;又保持了类型安…...

编程日记 2024/6/17 7:39:19

避开这些坑！用Unity做Flappy Bird时，我遇到的5个典型问题及解决方案

避开这些坑&#xff01;用Unity做Flappy Bird时&#xff0c;我遇到的5个典型问题及解决方案 第一次用Unity复现Flappy Bird这类经典小游戏时&#xff0c;本以为跟着教程一步步操作就能顺利完成&#xff0c;结果从素材导入到最终发布的每个环节都暗藏玄机。特别是当教程只展示&q…...

编程新知 2026/5/13 14:05:12

SAP ABAP BADI AC_DOCUMENT：跨越VF01/MIRO/AFAB的智能凭证替代实战

1. 为什么需要AC_DOCUMENT BADI&#xff1f; 在SAP标准业务流程中&#xff0c;GGB1提供的凭证替代功能已经能满足大部分常规需求。但实际业务往往更复杂——比如销售开票时&#xff0c;需要根据付款条件动态替换税科目&#xff1b;发票校验时&#xff0c;要根据供应商信息自动填…...

编程新知 2026/5/13 13:35:45

手把手教你用CCS v10为F280049C配置工程：从零搭建、RAM/FLASH切换、到数学库调用的完整流程

F280049C开发实战&#xff1a;CCS v10工程配置与RAM/FLASH切换全指南 第一次接触TI C2000系列DSP时&#xff0c;面对CCS开发环境和复杂的工程配置&#xff0c;很多开发者都会感到无从下手。本文将以F280049C这款高性价比DSP为例&#xff0c;带你从零开始搭建开发环境&#xff…...

编程新知 2026/5/13 13:18:18

用Arduino UNO和L298N驱动板，手把手教你让麦轮小车原地画个‘8’字（附完整代码）

用Arduino UNO和L298N驱动板实现麦轮小车8字轨迹编程实战 想让你的麦克纳姆轮小车跳出机械舞步吗&#xff1f;一个完美的"8"字轨迹不仅能展示麦轮的全向移动特性&#xff0c;更是检验运动控制算法的绝佳试金石。作为已经完成基础搭建的Arduino玩家&#xff0c;这个项…...

编程新知 2026/5/13 10:44:28

17 LCD1602模块——显示屏

一、51单片机模块二、LCD1602模块三、模块间的连接单片机P2端口&#xff1a;P2_5~P2_7单片机P0端口&#xff1a;P0_0~P0_7四、LCD1602芯片1、参数和引脚这里只需要了解单片机的引脚功能&#xff0c;也可以大致看一眼&#xff0c;后面在编码显示功能的时候&#xff0c;也会做详细…...

编程新知 2026/5/13 10:02:55

AutoResearchClaw：基于LLM的自动化研究管线，从想法到论文的工程化实践

1. 项目概述&#xff1a;从“聊个想法”到“生成论文”的自动化研究革命如果你是一名科研工作者、研究生&#xff0c;或者任何需要产出高质量学术内容的人&#xff0c;你肯定经历过这样的痛苦&#xff1a;一个绝妙的研究想法在脑海中诞生&#xff0c;但随之而来的是海量的文献调…...

编程新知 2026/5/13 9:06:37

Odoo开源频道应用：构建企业级内容管理系统的完整指南

1. 项目概述&#xff1a;一个为Odoo生态注入活力的开源频道应用如果你是一名Odoo开发者或实施顾问&#xff0c;肯定遇到过这样的场景&#xff1a;客户需要一个功能强大、界面现代的“新闻”或“博客”模块&#xff0c;但Odoo原生的“网站博客”应用要么功能过于基础&#xff0c…...

编程新知 2026/5/13 8:55:29

VMware 17 Pro 中 Ubuntu 虚拟机共享 Windows 文件夹（完美踩坑版）

前言 很多小伙伴在使用 VMware 虚拟机时&#xff0c;都会遇到一个头疼的问题&#xff1a;如何在主机和虚拟机之间快速传递文件&#xff1f; 使用 U 盘拷贝&#xff1f;来回插拔太麻烦&#xff1b;用 scp 命令传文件&#xff1f;对于新手来说又有点门槛。其实&#xff0c;VMware…...

编程新知 2026/5/13 7:21:37

SpringBoot快速入门指南

Spring Boot 是一个基于 Spring 框架的“约定优于配置”的快速应用开发框架&#xff0c;旨在简化基于 Spring 的应用初始搭建和开发过程。它通过自动配置、起步依赖和嵌入式容器等特性&#xff0c;使开发者能够快速创建独立的、生产级别的 Spring 应用程序。 一、 核心特性与快…...

编程新知 2026/5/13 5:23:22

微信消息自动转发终极指南：5分钟实现跨群智能消息同步

微信消息自动转发终极指南&#xff1a;5分钟实现跨群智能消息同步 【免费下载链接】wechat-forwarding 在微信群之间转发消息 项目地址: https://gitcode.com/gh_mirrors/we/wechat-forwarding 在微信群管理和协作场景中&#xff0c;消息的自动转发与同步是提升效率的关…...

编程新知 2026/5/12 22:46:42