HTML静态网页成品作业(HTML+CSS)—— 非遗皮影戏介绍网页(6个页面)

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

文章目录


一、作品介绍

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

二、作品演示






三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title>皮影戏</title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<div class="ww">
		<div class="tt">
			<img src="./images/t.jpg" alt="">
		</div>
		<div class="nn">
			<a href="index.html">网站首页</a>
			<a href="qiyuan.html">历史起源</a>
			<a href="liupai.html">艺术流派</a>
			<a href="zhizuo.html">皮影制作</a>
			<a href="chuancheng.html">传承发展</a>
			<a href="tupian.html">精美图片</a>
		</div>
		
		<div class="cc">
			<div class="cc1">
				<div class="cc1-z">
					<div class="tit">皮影戏</div>
					<div class="cc1-d">
						皮影戏(Shadow Puppets),又称"影子戏"或"灯影戏",是一种以兽皮或纸板做成的人物剪影以表演故事的民间戏剧。表演时,艺人们在白色幕布后面,一边操纵影人,一边用当地流行的曲调讲述故事,同时配以打击乐器和弦乐,有浓厚的乡土气息。其流行范围极为广泛,并因各地所演的声腔不同而形成多种多样的皮影戏。
						<br>
						皮影戏是中国民间古老的传统艺术,老北京人都叫它"驴皮影"。据史书记载,皮影戏始于西汉,兴于唐朝,盛于清代,元代时期传至西亚和欧洲,可谓历史悠久,源远流长。
						<br>
						2011年,中国皮影戏入选人类非物质文化遗产代表作名录。
					</div>
				</div>
				<div class="cc1-y">
					<div class="tit">表演形式</div>
					<div class="cc1-d">
						皮影戏,旧称"影子戏"或"灯影戏",是一种用蜡烛或燃烧的酒精等光源照射兽皮或纸板做成的人物剪影以表演故事的民间戏剧。表演时,艺人们在白色幕布后面,一边操纵戏曲人物,一边用当地流行的曲调唱述故事(有时用方言),同时配以打击乐器和弦乐,有浓厚的乡土气息。在河南、山西、陕西、甘肃天水等地农村,这种拙朴的汉族民间艺术形式很受人们的欢迎。
					</div>
				</div>
			</div>
			
			
			<div class="cc2">
				<div class="tit">皮影展示</div>
				<div class="cc2-t">
					<img src="./images/1.jpeg" alt="">
					<img src="./images/2.jpeg" alt="">
				</div>
				<div class="cc2-t">
					<img src="./images/3.jpeg" alt="">
					<img src="./images/4.jpg" alt="">
				</div>
			</div>
		</div>
		
		<div class="ff">皮影戏 版权所有</div>
	</div>
</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
崔庆才丨静觅2 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60613 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了3 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅3 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅3 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅4 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment4 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅4 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊4 小时前
jwt介绍
前端
爱敲代码的小鱼4 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax