当前位置: 首页 > 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="header"><div class="logo"><a href="index.html"><img src="./images/logo.png" alt=""></a></div></div><div class="nav"><ul><li><a href="index.html" class="on">木雕首页</a></li><li><a href="jianjie.html">木雕简介</a></li><li><a href="yishu.html">艺术特征</a></li><li><a href="yingyong.html">现实应用</a></li><li><a href="chuancheng.html">传承人介绍</a></li><li><a href="login.html">我要登录</a></li></ul></div><div class="banner"><img src="./images/banner.jpeg" alt=""></div><div class="index_tit"><img src="./images/title01.png" alt=""></div><div class="index1"><div class="w"><div class="index1l"><img src="./images/300.jpg" alt=""></div><div class="index1r">徽州木雕是传统民间雕刻艺术之一,与具有徽派风格的石雕、砖雕三种民间雕刻工艺木并称徽州三雕。徽州山区盛产木材、建筑物绝大多数都是砖木石结构,尤以使用木料为多,所以,就有了木雕艺人发挥聪明才智的用武之地。旧时,徽州木雕多用于建筑物和家庭用具上的装饰,其分布之广在全国首屈一指,遍及城乡, 民居宅院的屏风、窗棂、栏柱,日常使用的床、桌、椅、案和文民用品上均可一睹木雕的风采。</div></div></div><div class="index_tit"><img src="./images/title02.png" alt=""></div><div class="index2"><div class="w"><div class="index21"><img src="./images/z1.jpg" alt=""></div><div class="index21"><img src="./images/z2.jpg" alt=""></div><div class="index21"><img src="./images/z3.jpg" alt=""></div><div class="index21"><img src="./images/z4.jpg" alt=""></div><div class="index21"><img src="./images/z5.jpg" alt=""></div><div class="index21"><img src="./images/z6.jpg" alt=""></div><div class="index21"><img src="./images/z7.jpg" alt=""></div><div class="index21"><img src="./images/z8.jpg" alt=""></div></div></div><div class="footer"><div class="w"><div class="footer_logo"><img src="./images/footer_logo.png" alt=""></div><ul><li><a href="index.html">木雕首页</a></li><li class="line">|</li><li><a href="jianjie.html">木雕简介</a></li><li class="line">|</li><li><a href="yishu.html">艺术特征</a></li><li class="line">|</li><li><a href="yingyong.html">现实应用</a></li><li class="line">|</li><li><a href="chuancheng.html">传承人介绍</a></li><li class="line">|</li><li><a href="login.html">我要登录</a></li></ul><div class="banquan">徽州木雕网站版权所有</div></div></div>
</body>
</html>

五、源码获取

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

相关文章:

  • Vue2前端权限控制实战
  • P8711 [蓝桥杯 2020 省 B1] 整除序列 存疑解决篇 Python
  • 【SpringSecurity】十三、基于Session实现授权认证
  • php 对接Pangle海外广告平台收益接口Reporting API
  • mysql之基本概念与安装
  • maven手动上传的第三方包 打包项目报错 Could not find xxx in central 解决办法
  • 从零开始写 Docker(七)---实现 mydocker commit 打包容器成镜像
  • 【C语言】指针基础知识(一)
  • Excel使用VLOOKUP函数
  • C# 使用OpenCvSharp4将Bitmap合成为MP4视频的环境
  • Android和IOS Flutter应用开发使用 Provider.of 时,可以使用 listen: false 来避免不必要的重建
  • 算法---二分查找练习-2(寻找旋转排序数组中的最小值)
  • 稀碎从零算法笔记Day22-LeetCode:
  • 【类脑智能】脑网络通信模型分类及量化指标(附思维导图)
  • Spark-Scala语言实战(3)
  • 002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript
  • Android优雅地处理按钮重复点击
  • JavaScript类型识别
  • Java知识点总结(JDBC-连接步骤及CRUD)
  • Python 反序列化安全问题(二)
  • Sequelize 中文文档 v4 - Getting started - 入门
  • Vue 重置组件到初始状态
  • 订阅Forge Viewer所有的事件
  • 看图轻松理解数据结构与算法系列(基于数组的栈)
  • 前端
  • 悄悄地说一个bug
  • 如何使用Mybatis第三方插件--PageHelper实现分页操作
  • 提醒我喝水chrome插件开发指南
  • 微信开源mars源码分析1—上层samples分析
  • 《天龙八部3D》Unity技术方案揭秘
  • CMake 入门1/5:基于阿里云 ECS搭建体验环境
  • Mac 上flink的安装与启动
  • python最赚钱的4个方向,你最心动的是哪个?
  • 教程:使用iPhone相机和openCV来完成3D重建(第一部分) ...
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • #pragma once与条件编译
  • (1)Nginx简介和安装教程
  • (C语言)球球大作战
  • (javascript)再说document.body.scrollTop的使用问题
  • (vue)页面文件上传获取:action地址
  • (切换多语言)vantUI+vue-i18n进行国际化配置及新增没有的语言包
  • (万字长文)Spring的核心知识尽揽其中
  • (一)Thymeleaf用法——Thymeleaf简介
  • (一)插入排序
  • .apk文件,IIS不支持下载解决
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .net MVC中使用angularJs刷新页面数据列表
  • .net 验证控件和javaScript的冲突问题
  • .NET/C# 利用 Walterlv.WeakEvents 高性能地定义和使用弱事件
  • .NET开源项目介绍及资源推荐:数据持久层 (微软MVP写作)
  • .Net小白的大学四年,内含面经
  • .NET中的Exception处理(C#)
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • @data注解_SpringBoot 使用WebSocket打造在线聊天室(基于注解)