HTML静态网页成品作业(HTML+CSS)——阜阳剪纸介绍设计制作(1个页面)

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

文章目录

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


一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<div class="banner mg2"></div><div class="con_title mg2 xi36 cen">知名作品</div><div class="con1 mg"><div class="con1r r xi19 hong cen tm"><a href="#">更多</a></div></div><div class="con2 mg xi24 cen"><ul><li><a href="#"><img align="absmiddle" src="images/index_08.jpg" /><br />《伏虎》</a></li><li><a href="#"><img align="absmiddle" src="images/index_10.jpg" /><br />《三岔口》</a></li><li><a href="#"><img align="absmiddle" src="images/index_12.jpg" /><br />《王祥卧冰》</a></li><li><a href="#"><img align="absmiddle" src="images/index_14.jpg" /><br />《药王爷骑虎治龙》</a></li></ul></div><div class="con_title mg2 xi36 cen">剪纸传人</div><div class="con3 mg"><div class="con3l f"><div class="con3ll f"><img align="absmiddle" src="images/index_21.jpg" /></div><div class="con3lr f"><div class="con3lrs mg2 xi32">吴青平</div><div class="con3lrx mg2 xi16">阜阳剪纸的巅峰人物朱英和程建礼,分别代表了精细刻法和随意起剪两种风格,两位老人过世后,将这两种风格融为一体的人是两人共同的女弟子。</div></div></div><div class="con3l r"><div class="con3ll f"><img align="absmiddle" src="images/index_24.jpg" /></div><div class="con3lr f"><div class="con3lrs mg2 xi32">葛庭友</div><div class="con3lrx mg2 xi16">阜阳剪纸的巅峰人物朱英和程建礼,分别代表了精细刻法和随意起剪两种风格,两位老人过世后,将这两种风格融为一体的人是两人共同的女弟子。</div></div></div></div>

五、源码获取

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

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

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

相关文章

对NENU研究生教务系统网站做自动化测试

由上一篇博客可知&#xff08;解决NENU研究生教务系统网站“不能创建对象”等兼容性问题-CSDN博客&#xff09;&#xff0c;我通过Tampermonkey脚本解决了NENU研究生教务系统网站在非IE内核浏览器中访问时“不能创建对象”的问题。 在解决问题的过程中&#xff0c;为了Tampermo…

外卖平台订餐流程架构的实践

当我们想要在外卖平台上订餐时&#xff0c;背后其实涉及到复杂的技术架构和流程设计。本文将就外卖平台订餐流程的架构进行介绍&#xff0c;并探讨其中涉及的关键技术和流程。 ## 第一步&#xff1a;用户端体验 用户通过手机应用或网页访问外卖平台&#xff0c;浏览菜单、选择…

010Editor汉化版+下载+注册码+模板bug

项目场景&#xff1a; 这天我想使用我的不知名的一个破解版本的010Edit来查看一个EXE程序&#xff0c;并想使用模板功能&#xff0c;但是发现没有该模板还无法下载最新模板 问题描述 010Edit联网后需要注册码&#xff1a; 010 Editor 激活码生成器 使用方法 参照教程使用0…

GitHub Desktop的常用操作【图形化】

文章目录 【1】仓库的创建和删除【2】文件操作【3】分支原理与分支操作1.分支创建2.分支合并 【4】标签 【1】仓库的创建和删除 在本地创建一个新的仓库&#xff1a; 然后输入仓库的名称&#xff0c;描述&#xff0c;并选择路径&#xff1a; 点击完后就发现我们的仓库创建好…

MYSQL--JSON_OBJECT 和 JSON_ARRAYAGG

JSON_OBJECT 和 JSON_ARRAYAGG 是 MySQL 中用于处理 JSON 数据类型的函数。这两个函数可以帮助你更轻松地构建和操作 JSON 数据。 JSON_OBJECT JSON_OBJECT 函数用于生成一个 JSON 对象。你可以为这个函数提供一系列键值对&#xff0c;它会返回一个包含这些键值对的 JSON 对象…

Jetty的http3模块

启用http3模块&#xff0c;执行如下命令&#xff1a; java -jar $JETTY_HOME/start.jar --add-moduleshttp3命令的输出&#xff0c;如下&#xff1a; ALERT: There are enabled module(s) with licenses. The following 2 module(s): contains software not provided by the …

RocketMQ存储设计深度解析

引言 在分布式系统中&#xff0c;消息中间件扮演着至关重要的角色&#xff0c;它负责系统间异步消息的传递&#xff0c;确保信息可靠传输。Apache RocketMQ&#xff08;以下简称RocketMQ&#xff09;是这一领域中的一个优秀代表。RocketMQ以其高性能、高可靠性和高扩展性赢得了…

图片表格特征不明显怎么转成结构化excel?如何定制最划算?

金鸣定制识别是一种基于OCR&#xff08;光学字符识别&#xff09;技术的先进解决方案&#xff0c;旨在为用户提供高效、准确的数据抽取和识别服务。该服务允许用户根据自身的需求&#xff0c;提交样本图片&#xff0c;利用金鸣识别现有的OCR模型进行训练&#xff0c;从而有效降…

Android studioSDK集成:com.yechaoa.yutilskt

文章目录 1、工具介绍2、集成 1、工具介绍 com.yechaoa.yutilskt是一个Android开发工具库&#xff0c;提供了一些常用的工具类和方法&#xff0c;方便开发者进行Android应用程序的开发。该库包含了以下功能&#xff1a; 网络请求工具类&#xff1a;提供了简化的网络请求方法&…

【Flutter 面试题】dart是值传递还是引用传递?

【Flutter 面试题】dart是值传递还是引用传递&#xff1f; 文章目录 写在前面解答补充说明值传递示例引用传递示例总结 写在前面 关于我 &#xff0c;小雨青年 &#x1f449; CSDN博客专家&#xff0c;GitChat专栏作者&#xff0c;阿里云社区专家博主&#xff0c;51CTO专家博主…

【py】加载sdk文件夹中的dll

使用ctypes库即可 import ctypes import osdef load_sdk_dlls(folder_path):for file_name in os.listdir(folder_path):if file_name.endswith(".dll"): # 确保只加载 DLL 文件dll_path os.path.join(folder_path, file_name)try:dll ctypes.CDLL(dll_path)# pr…

【蓝桥杯】k倍区间

一.题目描述 二.问题分析 对于该问题&#xff0c;标签上写的是暴力&#xff0c;但是如果使用暴力的话&#xff0c;会超时。 首先&#xff0c;对于两个数a&#xff0c;b&#xff08;假设a小于b&#xff09;&#xff0c;若a与b对k取余后结果相同&#xff0c;则b-a可以整除k。 …

计算机网络—OSPF单区域配置

目录 目录 1.实验环境准备 2.配置 OSPF 3.验证 OSPF 配置 4.修改 OSPF hello 和 dead 时间参数 5.OSPF缺省路由发布及验证 6.控制 OSPF DR/BDR 的选举 7.配置文件 拓扑图&#xff1a; 1.实验环境准备 基本配置以及IP编址。 <Huawei>system-view Enter system vi…

开发指南001-开发环境的搭建

开发环境有两种模式&#xff1a;分布式和直连式&#xff0c;以是否使用nacos和网关为标志。分布式要使用nacos和网关&#xff0c;通常是搭建个服务器&#xff0c;把相关环境部署上去&#xff0c;当然也可以不使用服务器&#xff0c;直接在开发人员自己的机器上部署环境。直连式…

c++ condition_variable使用场景

std::condition_variable的步骤如下: 1.创建一个 std::condition_variable 对象。 2.创建一个互斥锁std::mutex对象&#xff0c;用来保护共享资源的访问。 3.在需要等待条件变量的地方使用std::unique_lock<std::mutex>对象锁定互斥锁,并调用s…

strlen和sizeof的应用与区别

sizeof和strlen作为都能求大小的工具两者之间有何不同, strlen: 1. strlrn计算的是什么的大小 strlen计算的是字符串长度的大小&#xff0c;所以strlen在计算字符串长度时会一直顺着字符串的元素一个一个的查找&#xff0c;一直到查询到了/0才会停止 2.strlen属于库函数&am…

easyexcel文件上传

easyexcel文件上传 前言&#xff1a;功能开发中&#xff0c;难免碰到数据上传下载功能&#xff0c;excel上传常见用于报表上传&#xff0c;绩效上传&#xff0c;考勤上传… 使用步骤&#xff1a; 1&#xff0c;编写业务层&#xff1a; 1&#xff0c;添加easyexcel依赖 <…

[Java安全入门]三.URLDNS链

一.前言 在初步学习java的序列化和反序列化之后&#xff0c;这里学习java反序列化漏洞的一个利用链&#xff0c;也是比较基础的一条链。 由于URLDNS不需要依赖第三方的包&#xff0c;同时不限制jdk的版本&#xff0c;所以通常用于检测反序列化的点。 二.代码展开分析 构造链 …

Spring AOP 原理

&#x1f496; AOP 介绍 AOP&#xff0c;也就是 Aspect-oriented Programming&#xff0c;译为面向切面编程。 简单点说&#xff0c;就是把一些业务逻辑中的相同代码抽取到一个独立的模块中&#xff0c;让业务逻辑更加清爽。 举个例子&#xff0c;假如我们现在需要在业务代码…

Error while Deploying HAP

第一个程序就遇到这么恶心的bug&#xff0c;也查了很多类似的问题是什么情况&#xff0c;后来无意中菜解决了这个bug&#xff0c;确实也是devicps下面加一个参数&#xff0c;但是找了半天 这是我遇到这个问题的解决办法。其他解决办法如下&#xff1a; https://blog.51cto.com…