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

2024-08-30 04:52

本文主要是介绍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.想要获取本文源码,点击前往吧

这篇关于HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1119849

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

vue监听属性watch的用法及使用场景详解

《vue监听属性watch的用法及使用场景详解》watch是vue中常用的监听器,它主要用于侦听数据的变化,在数据发生变化的时候执行一些操作,:本文主要介绍vue监听属性watch的用法及使用场景... 目录1. 监听属性 watch2. 常规用法3. 监听对象和route变化4. 使用场景附Watch 的

前端导出Excel文件出现乱码或文件损坏问题的解决办法

《前端导出Excel文件出现乱码或文件损坏问题的解决办法》在现代网页应用程序中,前端有时需要与后端进行数据交互,包括下载文件,:本文主要介绍前端导出Excel文件出现乱码或文件损坏问题的解决办法,... 目录1. 检查后端返回的数据格式2. 前端正确处理二进制数据方案 1:直接下载(推荐)方案 2:手动构造

Vue实现路由守卫的示例代码

《Vue实现路由守卫的示例代码》Vue路由守卫是控制页面导航的钩子函数,主要用于鉴权、数据预加载等场景,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、概念二、类型三、实战一、概念路由守卫(Navigation Guards)本质上就是 在路

C#自动化实现检测并删除PDF文件中的空白页面

《C#自动化实现检测并删除PDF文件中的空白页面》PDF文档在日常工作和生活中扮演着重要的角色,本文将深入探讨如何使用C#编程语言,结合强大的PDF处理库,自动化地检测并删除PDF文件中的空白页面,感... 目录理解PDF空白页的定义与挑战引入Spire.PDF for .NET库核心实现:检测并删除空白页