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="wrapper"><div class="banner"><img src="./images/banner.jpg" alt=""></div><div class="nav"><a href="index.html">首页</a><a href="qiyuan.html">节日起源</a><a href="chuanshuo.html">端午传说</a><a href="xisu.html">民间习俗</a><a href="liuyan.html">在线留言</a></div><div class="main"><p><img src="./images/1.jpeg" alt="" align="right" class="ml1" width="260">端午节,又称端阳节、龙舟节、重午节、重五节、天中节等,是汉族的传统节日 ,日期在每年农历五月初五,是集拜神祭祖、祈福辟邪、欢庆娱乐和饮食为一体的民俗大节。端午节源于自然天象崇拜,由上古时代祭龙演变而来。仲夏端午,苍龙七宿飞升于正南中央,处在全年最“中正”之位,正如《易经·乾卦》第五爻:“飞龙在天”。端午是“飞龙在天”吉祥日,龙及龙舟文化始终贯穿在端午节的传承历史中。</p><p>端午节是流行于中国以及汉字文化圈诸国的传统文化节日,传说战国时期的楚国诗人屈原在五月初五跳汨罗江自尽,后人亦将端午节作为纪念屈原的节日;也有纪念伍子胥、曹娥及介子推等说法。端午节的起源涵盖了古老星象文化、人文哲学等方面内容,蕴含着深邃丰厚的文化内涵,在传承发展中杂糅了多种民俗为一体,各地因地域文化不同而又存在着习俗内容或细节上的差异。</p><p>端午节与春节、清明节、中秋节并称为中国四大传统节日。端午文化在世界上影响广泛,世界上一些国家和地区也有庆贺端午的活动。20065月,国务院将其列入首批国家级非物质文化遗产名录;自2008年起,被列为国家法定节假日。20099月,联合国教科文组织正式批准将其列入《人类非物质文化遗产代表作名录》,端午节成为中国首个入选世界非遗的节日。</p><div class="main_img"><img src="./images/2.jpg" alt=""></div></div><div class="footer">端午节快乐</div></div>
</body>
</html>	

五、源码获取

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

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

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

相关文章

foxmail邮箱使用方法

Foxmail 是一款流行的邮件客户端软件&#xff0c;它提供了许多实用的功能来帮助用户有效地管理电子邮件、日程、联系人等。以下是一些基本的Foxmail邮箱使用方法&#xff0c;可以帮助你更好地利用这款软件&#xff1a; ### 1. 安装和设置 - **下载安装**&#xff1a;首先从Fox…

贝叶斯参数估计vs贝叶斯学习

贝叶斯参数估计和贝叶斯学习都依赖于贝叶斯定理&#xff0c;都强调先验概率在推断过程中的重要性&#xff0c;并都使用后验概率进行参数估计或总体分布的推断。 贝叶斯参数估计更侧重于如何利用贝叶斯定理进行具体的参数估计&#xff0c;使总期望风险最小&#xff1b;而贝叶斯学…

Dev-C++编程指南:探索编程的四个维度与七大要点

Dev-C编程指南&#xff1a;探索编程的四个维度与七大要点 Dev-C作为一款轻量级的C/C编程环境&#xff0c;深受广大编程初学者的喜爱。然而&#xff0c;如何在Dev-C中有效地进行编程&#xff0c;却是一个值得深入探讨的话题。本文将从四个方面、五个方面、六个方面和七个方面&a…

Rust自动生成文件解析

目录 一、生成目录解析二、生成文件解析2.1 Cargo.toml2.2 main函数解析 一、生成目录解析 先使用cargo clean命令删除所有生成的文件&#xff0c;下图显示了目录结构和 main.rs文件 使用cargo new testrust时自动创建出名为testrust的Rust项目。内部主要包含一个src的源码文…

Qt——升级系列(Level Two):Hello Qt 程序实现、项目文件解析、

Hello Qt 程序实现 使用“按钮”实现 纯代码方式实现&#xff1a; // Widget构造函数的实现 Widget::Widget(QWidget *parent): QWidget(parent) // 使用父类构造函数初始化QWidget&#xff0c;传入父窗口指针, ui(new Ui::Widget) // 创建Ui::Widget类的实例&#xff0c;并…

切勿大意!痉挛性斜颈治疗中的三个重要“禁忌”,后果堪忧!

今天&#xff0c;要给大家讲一个非常重要的话题——痉挛性斜颈的治疗。痉挛性斜颈是一种常见的神经肌肉疾病&#xff0c;患者在日常生活中可能会遇到许多困扰和不便。因此&#xff0c;及早治疗对患者来说至关重要。 然而&#xff0c;在治疗痉挛性斜颈的过程中&#xff0c;千万切…

永磁同步电机高性能控制算法(12)——基于预测电流误差补偿的强鲁棒预测控制有限集预测控制与连续集预测控制的对比

1.文章简介 最近看到一篇比较有意思的文章&#xff0c;24年3月9日才刚刚收录。 众所周知模型预测控制受电机参数影响还是很大的。所以呢&#xff0c;各种观测器、参数辨识等算法都被用到预测控制中。 观测器设计的话就相对而言比较复杂&#xff1b;参数辨识也比较复杂&#x…

0基础学习Elasticsearch-使用Java操作ES

文章目录 1 背景2 前言3 Java如何操作ES3.1 引入依赖3.2 依赖介绍3.3 隐藏依赖3.4 初始化客户端&#xff08;获取ES连接&#xff09;3.5 发送请求给ES 1 背景 上篇学习了0基础学习Elasticsearch-Quick start&#xff0c;随后本篇研究如何使用Java操作ES 2 前言 建议通篇阅读再回…

MaxKey本地运行实战指南

MaxKey 本地运行总结 概述开发环境准备 主页传送门 &#xff1a; &#x1f4c0; 传送 概述 MaxKey单点登录认证系统&#xff0c;谐音为马克思的钥匙寓意是最大钥匙&#xff0c;是业界领先的IAM-IDaas身份管理和认证产品&#xff1b;支持OAuth 2.x/OpenID Connect、SAML 2.0、J…

13.3 包-创建自己的包

除了使用标准库和第三方提供的包以外&#xff0c;有时还需要自己创建包&#xff0c;以提高程序代码的模块化程度和可复用性。 创建包目录。 项目自用的包&#xff0c;在项目目录下创建包目录&#xff0c;跨项目的公共包&#xff0c;在[GOPATH]/src下创建包目录。 设置包名称。…

记一次线上数据库连接超时异常问题

最近其他团队的开发人员告知我&#xff0c;我们项目有个feign接口调用失败了。我查看日志发现&#xff0c;其原因是尝试数据库连接超时&#xff0c;30秒内都没有连接成功。 我首先判断可能是网络不稳定&#xff0c;在一定时间内连接不上数据库。我登录到服务器环境看&#xff0…

德克萨斯大学奥斯汀分校自然语言处理硕士课程汉化版(第五周) - Transformer

Transformer 1. 注意力机制 在语言建模中&#xff0c;注意力(attention)是一个关键机制&#xff0c;用于在给定上下文中访问相关信息以进行预测。注意力机制允许模型根据输入上下文中的重要信息来加权关注不同的部分&#xff0c;并根据其重要性来决定对不同部分的关注程度。 …

Android基础-UI布局

在Android开发中&#xff0c;UI布局是构建用户界面&#xff08;User Interface&#xff09;的基础。不同的布局方式可以适应不同的界面需求&#xff0c;实现多样化的界面效果。下面将详细阐述Android中几种常见的UI布局方式&#xff0c;包括它们的功能、优势和劣势&#xff0c;…

【工具】探索 MOU:每用户通话时长

缘分让我们相遇乱世以外 命运却要我们危难中相爱 也许未来遥远在光年之外 我愿守候未知里为你等待 我没想到为了你我能疯狂到 山崩海啸没有你根本不想逃 我的大脑为了你已经疯狂到 脉搏心跳没有你根本不重要 &#x1f3b5; 邓紫棋《光年之外》 什么是 MOU…

discuz点微同城源码34.7+全套插件+小程序前端

discuz点微同城源码34.7全套插件小程序前后端 模板挺好看的 带全套插件 自己耐心点配置一下插件 可以H5可以小程序

深入理解Linux网络总结

1、内核如何接收网络包 1.1 RingBuffer到底是什么&#xff0c;RingBuffer为什么会丢包&#xff1f; 问&#xff1a;RingBuffer到底存在那一块&#xff0c;是如何被使用到的&#xff0c;真的就只是一个环形队列吗&#xff1f;RingBuffer内存是预先分配好的&#xff0c;还是随着…

YOLOv1深入解析与实战:目标检测算法原理

参考&#xff1a; https://zhuanlan.zhihu.com/p/667046384 https://blog.csdn.net/weixin_41424926/article/details/105383064 https://arxiv.org/pdf/1506.02640 1. 算法介绍 学习目标检测算法&#xff0c;yolov1是必看内容&#xff0c;不同于生成模型&#xff0c;没有特别…

C语言习题~day27

1.关于下面代码描述不正确的是&#xff1a; void GetMemory(char *p) {p (char *)malloc(100); } void Test(void) {char *str NULL;GetMemory(str);strcpy(str, "hello world");printf(str); } A.上面代码没问题 B.上面代码存在内存泄露 C.上面代码可能会崩溃…

Spring (35)OAuth2

OAuth 2.0 是一个开放标准&#xff0c;它允许用户授权第三方应用访问自己在某一网站上的私密资源&#xff08;如个人信息、相册&#xff09;&#xff0c;而无需将用户名和密码提供给第三方应用。OAuth 2.0 主要用于授权&#xff08;Authorization&#xff09;&#xff0c;而非认…

ECMAScript 详解:深入探索JavaScript的核心规范

在Web开发的世界里&#xff0c;JavaScript无疑是最为璀璨的明星之一&#xff0c;它赋予了网页动态交互的能力&#xff0c;让互联网变得更加生动有趣。而JavaScript的标准化规范——ECMAScript&#xff0c;则是这一切奇迹背后的基石。本文将深入探讨ECMAScript的基本概念、发展历…