首页 前端知识 HTML静态网页成品作业(HTML CSS)—— 节日端午节介绍网页(5个页面)

HTML静态网页成品作业(HTML CSS)—— 节日端午节介绍网页(5个页面)

2024-06-14 23:06:22 前端知识 前端哥 726 196 我要收藏

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

文章目录

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12197.html
标签
节日
评论
发布的文章

前端——12.表单标签

2024-06-21 00:06:57

src、href和url含义及区别

2024-06-21 00:06:56

CSS知识点大全

2024-06-21 00:06:16

JS垃圾回收机制(GC)

2024-06-21 00:06:03

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!