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

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

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

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

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

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

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

相关文章:

  • 后端启动项目端口冲突问题解决
  • 【随手记】maplotlib.use函数设置图像的呈现方式
  • Android FirebaseApp.initializeApp(this)无法初始化
  • 璨与序列 题解(stl,dfs)
  • 【Python入门与进阶】Python如何处理不同进制的数据
  • Spring Cloud Bus 消息总线基础入门与实践总结
  • 数字化那点事:一文读懂智慧城市
  • CATIA P3 V5-6R 中文版软件下载安装 达索CATIA三维设计软件获取
  • Vitis HLS 学习笔记--移除内存分配malloc
  • 活久见!谁想的这种办法让大模型PK
  • 最新下载:Paragon NTFS for Mac 15【软件附加安装教程】
  • RK3588开发笔记-100M网口自协商成1000M网口
  • pdf压缩到指定大小的简单方法
  • 《Foundation CSS 参考手册》
  • 探索微软Edge
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • co模块的前端实现
  • Docker 笔记(1):介绍、镜像、容器及其基本操作
  • gf框架之分页模块(五) - 自定义分页
  • github从入门到放弃(1)
  • gulp 教程
  • in typeof instanceof ===这些运算符有什么作用
  • Java 内存分配及垃圾回收机制初探
  • java取消线程实例
  • JS笔记四:作用域、变量(函数)提升
  • Kibana配置logstash,报表一体化
  • Laravel Mix运行时关于es2015报错解决方案
  • PAT A1050
  • PHP 小技巧
  • PHP的类修饰符与访问修饰符
  • React+TypeScript入门
  • VirtualBox 安装过程中出现 Running VMs found 错误的解决过程
  • vue:响应原理
  • webpack+react项目初体验——记录我的webpack环境配置
  • 动态规划入门(以爬楼梯为例)
  • 分享自己折腾多时的一套 vue 组件 --we-vue
  • ------- 计算机网络基础
  • 计算机在识别图像时“看到”了什么?
  • 排序(1):冒泡排序
  • 微信小程序:实现悬浮返回和分享按钮
  • 一天一个设计模式之JS实现——适配器模式
  • 中文输入法与React文本输入框的问题与解决方案
  • 自动记录MySQL慢查询快照脚本
  • UI设计初学者应该如何入门?
  • 阿里云重庆大学大数据训练营落地分享
  • 从如何停掉 Promise 链说起
  • #HarmonyOS:Web组件的使用
  • #pragma pack(1)
  • #中国IT界的第一本漂流日记 传递IT正能量# 【分享得“IT漂友”勋章】
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • %3cscript放入php,跟bWAPP学WEB安全(PHP代码)--XSS跨站脚本攻击
  • (16)UiBot:智能化软件机器人(以头歌抓取课程数据为例)
  • (7)svelte 教程: Props(属性)
  • (9)目标检测_SSD的原理
  • (iPhone/iPad开发)在UIWebView中自定义菜单栏