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

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

相关文章:

  • GAT1399协议分析(8)--批量图像查询
  • 嵌入式学习——Linux高级编程复习(目录IO、软硬连接、makefile)——day38
  • (2024,Vision-LSTM,ViL,xLSTM,ViT,ViM,双向扫描)xLSTM 作为通用视觉骨干
  • npm安装依赖过慢
  • kafka的leader和follower
  • Java 的循环
  • Java | Leetcode Java题解之第128题最长连续序列
  • 计算文件md5
  • 智能避障小车设计
  • 0109__strip(1) command
  • STM32F103C8T6基于HAL库完成uC/OS-III多任务程序
  • 面试高频问题----5
  • django支持https
  • 【数据结构】平衡二叉树(AVL树)
  • 医疗实施-项目管理04-需求调研
  • 0x05 Python数据分析,Anaconda八斩刀
  • co.js - 让异步代码同步化
  • FastReport在线报表设计器工作原理
  • If…else
  • JavaScript设计模式之工厂模式
  • Netty 框架总结「ChannelHandler 及 EventLoop」
  • React-redux的原理以及使用
  • React-生命周期杂记
  • Ruby 2.x 源代码分析:扩展 概述
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • 安装python包到指定虚拟环境
  • 第13期 DApp 榜单 :来,吃我这波安利
  • 构建二叉树进行数值数组的去重及优化
  • 力扣(LeetCode)22
  • 如何在GitHub上创建个人博客
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • ​字​节​一​面​
  • !! 2.对十份论文和报告中的关于OpenCV和Android NDK开发的总结
  • # 利刃出鞘_Tomcat 核心原理解析(八)-- Tomcat 集群
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • (11)iptables-仅开放指定ip访问指定端口
  • (2015)JS ES6 必知的十个 特性
  • (39)STM32——FLASH闪存
  • (C#)一个最简单的链表类
  • (function(){})()的分步解析
  • (二)windows配置JDK环境
  • (源码分析)springsecurity认证授权
  • (最新)华为 2024 届秋招-硬件技术工程师-单板硬件开发—机试题—(共12套)(每套四十题)
  • .gitignore
  • .net core webapi 部署iis_一键部署VS插件:让.NET开发者更幸福
  • .net(C#)中String.Format如何使用
  • .NET/C# 使用 SpanT 为字符串处理提升性能
  • .NET开发者必备的11款免费工具
  • .net快速开发框架源码分享
  • .Net组件程序设计之线程、并发管理(一)
  • /etc/skel 目录作用
  • @WebServiceClient注解,wsdlLocation 可配置
  • [ Linux ] Linux信号概述 信号的产生
  • [ SNOI 2013 ] Quare