HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

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

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="css/style.css">
</head><body><!-- logo --><div class="logo"><img src="./images/logo.jpg" alt=""><h2>抗击新冠,人人有责</h2></div><!-- 导航 --><div class="nav w"><ul><a href="./common.html"><li>共同抗疫</li></a><a href="./entire.html"><li>全民防疫</li></a><a href="./significance.html"><li>抗疫的经验和意义</li></a><a href="./unity.html"><li>众志成城</li></a></ul></div><!-- 展示图片 --><div class="show w"><img src="./images/bgi.jpg" alt=""></div><!-- 前言 --><div class="details w"><h2>前 言</h2><div class="title"><p>有人说:“英雄就是普通人拥有一颗伟大的心。”</p><p>__年__月__日,小林的生命走到了最后一刻,由于央视的报道,小林的事迹才为广大人们所知。小林是__中心医院门口小店的老板,在疫情防控期间,他经常给医护人员采买食物,在物资紧缺的情况下,他自己戴着一次性口罩,好不容易买到的N95,他全部免费送给了一线医护人员,最后不幸感染逝世。他的逝世引起了无数人们的哀痛和深思。凡人小林只属于亿万人民群众之一,和平凡人一样拥有着生活的每一分快乐与悲伤,而正因为他拥有一颗伟大的心,才使他不平凡,使他成为人人敬仰的英雄。</p><p>这不仅让我反省:我是否真正理解平凡与不凡的意义?</p><p>人们常常对时代洪流中的英雄赞不绝口心生敬畏。无论是致力于推动祖国科技进步的科研人员,还是以笔为刃以求唤醒一代人的作家学者,亦或是直面危险守卫和平的军人,临危不惧挽救生命的医者,我们视他们为红日,照耀了一方天地,我们称他们为不凡,坚做了时代脊梁。</p><p>毕淑敏曾言:“要向一颗微不足道的小星学习,可以微弱,但要有光。”英雄的冲锋陷阵令人敬仰,而普通人心中那颗伟大的心也令人感动。一颗小星,从不会因为它的微弱而停止发光。</p><p>拥有悠久文明的中华民族更是不缺少这样平凡又不凡的人们,特别是在疫情肆虐的当前,种.种平凡人的不凡事迹令无数人深思感叹,令无数人的到心灵的慰藉。</p><p>你认为建一座医院需要多长时间?十天十夜。为了让更多患者得到有效的防空和治疗,一群善良勇敢的人穿上盔甲,不分昼夜与疫情赛跑。他们来自四面八方、讲着不同的乡音方言,却同样奋不顾身、挑战极限,托起“火神山”,传造出新的“中国速度”。因疫情而变得空荡荡的城市中,总有那样一类人在病毒肆虐中不停的穿梭,快递员不顾风险,依然默默坚持着,做好自己的工作,尽心尽力地维持着城市、社会的运转。因为无知,所以恐惧。在非常时期,人人自危抢口罩,找酒精,在真假难辨的互联网信息中惊慌失措。科普自媒体回形针则在这时推出的视频《关于新冠肺炎的一切》仿佛一颗定心丸,缓和了人们的焦虑情绪。虽然它不能与死神争分夺秒,但它让更多人对疫情有了全面认识,产生了极大的社会价值。以上种.种,无不展现着平凡中的不凡,而英雄也不是一种身份,而是一种无畏的精神。</p><p>在这场寂静无声却硝烟弥漫的战争里,总有人以最安静的方式离去,事实上那些勇敢的人也不过是千万民众里的平凡人,却以他们伟大的心写下了不凡的事迹,在我们每个人心中勾勒出了绚烂的一笔。</p><p>每个人都生来平凡,死亦如此。但平凡不等于平庸,我想,任何心中充满爱,充满责任,充满无畏精神的人,皆为不凡!</p></div></div>
</body></html>

五、源码获取

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/754815.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图论题目集一(代码 注解)

目录 题目一&#xff1a; 题目二&#xff1a; 题目三&#xff1a; 题目四&#xff1a; 题目五&#xff1a; 题目六&#xff1a; 题目七&#xff1a; 题目一&#xff1a; #include<iostream> #include<queue> #include<cstring> using namespace st…

<商务世界>《第15课 投标文件一般包含的子文件》

1 响应文件封面 招标文件中的响应文件封面是投标人或参与者在提交响应文件时所使用的封面设计。这个封面不仅仅是文件的外包装&#xff0c;更是投标人形象和专业素质的直观展示&#xff0c;对于给招标方留下良好的第一印象至关重要。 首先&#xff0c;响应文件封面通常会包含…

java中下载多个文件和文件夹打压缩包下载,并自定义包中每个文件的名称

我的需求是一个可以批量下载文件或文件夹的接口&#xff0c;下载一个文件就正常下载&#xff0c;下载多个文件或单个多个文件夹都压缩成zip下载 本来想的是直接用hutool里面的ziputil工具类就行&#xff0c;但是我这里报错的文件都是用随机字符串命名的&#xff0c;直接用ZipUt…

硬盘哨兵Hard Disk Sentinel Pro V6.20.0.0 便携版

Hard Disk Sentinel 是一款功能强大的硬盘监控和分析软件&#xff0c;专为 Windows 用户设计。它可以实时监测硬盘驱动器&#xff08;HDD&#xff09;、固态硬盘&#xff08;SSD&#xff09;、混合硬盘&#xff08;SSHD&#xff09;、NVMe SSD、RAID 数组和外部 RAID 盒子的健康…

uniapp可视范围高度 - 用户屏幕可操作的屏幕高度 - 适用于APP、H5@公众号、纯H5@Chrome

可视范围高度 let heightPx uni.getWindowInfo().windowHeight uni.getWindowInfo().windowTop 官方手册 uni.getWindowInfo() | uni-app官网uni-app,uniCloud,serverless,uni.getWindowInfo()https://uniapp.dcloud.net.cn/api/system/getWindowInfo.html 实测数据 uni.ge…

【精准】北斗同步时钟(北斗卫星授时服务器)助力医疗信息化

【精准】北斗同步时钟&#xff08;北斗卫星授时服务器&#xff09;助力医疗信息化 【精准】北斗同步时钟&#xff08;北斗卫星授时服务器&#xff09;助力医疗信息化 北斗时钟同步服务器是一款支持NTP和SNTP网络时间同步协议&#xff0c;高精度、大容量、高品质的高科技时钟产品…

十、MySQL主从架构配置

一、资源配置 主库&#xff1a;192.168.134.132 从库&#xff1a;192.168.134.133 从库&#xff1a;192.168.134.134 二、主从同步基本原理&#xff1a; master用户写入数据&#xff0c;会生成event记录到binary log中&#xff0c;slave会从master读取binlog来进行数据同步…

Java安全 反序列化(1) URLDNS链原理分析

Java安全 反序列化(1) URLDNS链原理分析 文章目录 Java安全 反序列化(1) URLDNS链原理分析前置知识应用分析payload1.新建HashMap类2.新建URL类3.获取URL 的 Class对象4.通过反射访问URL内部变量5.通过反射为URL中类赋值6.调用HashMap#put方法传入key和value7.再次通过反射为UR…

铝壳电阻的工艺结构原理及选型参数总结

🏡《总目录》 目录 1,概述2,工作原理3,结构特点4,工艺流程4.1,原材料准备4.2,点胶4.3,高温烘烤4.4,组合4.5,焊接4.6,表面处理4.7,电气性能测试5,选型参数5.1,阻值(Resis

ocp考试是中文还是英文?ocp认证好考吗

ocp认证是中文还是英文考试ocp认证的考试常用语种是英文&#xff0c;除开英文之外还有日语等语种&#xff0c;但是目前没有中文(12c的时候有过中文考试)&#xff0c;所以考生最好具有一定的英语水平再报名参加考试&#xff0c;ocp认证考试的形式为机试&#xff0c;考试的题型全…

面向未来的前沿人工智能监管

策制定者应该为未来十年人工智能系统更加强大的世界做好准备。这些发展可能会在人工智能科学没有根本性突破的情况下发生&#xff0c;只需扩展当今的技术以在更多数据和计算上训练更大的模型即可。 用于训练前沿人工智能模型的计算量在未来十年可能会显着增加。到 2020 年代末…

kafka什么情况下会认为发送失败进而去重试

在Kafka中&#xff0c;发送消息的过程是异步的&#xff0c;即消息后不会立即得到发送结果。Kafka会将消息添加到发送缓冲区&#xff0c;并立即返回一个成功的响应。因此&#xff0c;Kafka并不会直接知道消息是否成功发送到了目标主题的分区。 Kafka在以下情况下会认为发送失败…

03.生命周期和工程化开发入门

一、Vue生命周期 思考&#xff1a;什么时候可以发送初始化渲染请求&#xff1f;&#xff08;越早越好&#xff09;什么时候可以开始操作dom&#xff1f;&#xff08;至少dom得渲染出来&#xff09; Vue生命周期&#xff1a;就是一个Vue实例从创建 到 销毁 的整个过程。 生命…

【Linux】日常使用命令(三)

文章目录 **cal 命令****date 命令****bc 命令****Linux下玩小游戏**&#xff1a; cal 命令 功能描述: cal 命令用于显示日历。 常用选项: -3&#xff1a;显示前一个月、当前月和下一个月的日历。-y&#xff1a;显示整年的日历。 常用示例: # 示例 1: 显示当前月的日历 cal# …

MyBatis3源码深度解析(十四)SqlSession的创建与执行(一)Configuration与SqlSession的创建过程

文章目录 第五章 SqlSssion的创建过程前言5.1 XPath方法解析XML文件5.1.1 XPath的基本用法5.1.2 MyBatis使用XPathParser工具类 5.2 Configuration实例创建过程5.3 SqlSession实例创建过程 第五章 SqlSssion的创建过程 前言 MyBatis的核心组件之一SqlSession对象&#xff0c;…

python知识点总结(四)

这里写目录标题 1、Django 中的缓存是怎么用的&#xff1f;2、现有2元、3元、5元共三种面额的货币&#xff0c;如果需要找零99元&#xff0c;一共有多少种找零的方式?3、代码执行结果4、下面的代码执行结果为&#xff1a;5、说一下Python中变量的作用域。6、闭包7、python2与p…

css属性选择器总结

属性选择器 属性选择器在 CSS2 中就已经被引入&#xff0c;并且在 CSS3 及更高版本中仍然被广泛使用&#xff0c;因为它们提供了一种灵活且强大的方式来选择具有特定属性的元素。 [attr]&#xff1a; 是一个属性选择器&#xff0c;用于选择具有指定属性的所有元素&#xff0c;…

发票OCR-国税可进行的发票查验种类-接口文档

发票查验内容包括发票种类名称、发票代码、发票号码、金额、销售方名称、购买方名称等信息。可以在国家税务总局全国增值税发票查验平台上进行查验&#xff0c;也可以进入发票所属省、直辖市税务局官方网站的“我要查询-发票查询”模块进行查验&#xff0c;企业也可以通过发…

二叉树遍历(牛客网)

描述 编一个程序&#xff0c;读入用户输入的一串先序遍历字符串&#xff0c;根据此字符串建立一个二叉树&#xff08;以指针方式存储&#xff09;。 例如如下的先序遍历字符串&#xff1a; ABC##DE#G##F### 其中“#”表示的是空格&#xff0c;空格字符代表空树。建立起此二叉树…

LeetCode_29_中等_两数相除

文章目录 1. 题目2. 思路及代码实现详解&#xff08;Python&#xff09;2.1 位运算与二分查找 1. 题目 给你两个整数&#xff0c;被除数 d i v i d e n d dividend dividend 和除数 d i v i s o r divisor divisor。将两数相除&#xff0c;要求 不使用 乘法、除法和取余运算…