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

相关推荐
Data_Adventure4 分钟前
白话理解什么是OAuth 2.0
前端
换日线°5 分钟前
CSS常遇到自适应高度动画、带三角气泡阴影一行样式解决
css·微信小程序
玄魂8 分钟前
有了Trae 上下文doc功能 ,快速上手陌生组件,再也不用提oncall了
前端·数据可视化·trae
不爱说话郭德纲11 分钟前
Vue scoped都用过吧,它是怎么实现样式隔离的?React又是怎么实现的
前端·javascript·vue.js
OpenTiny社区20 分钟前
直播预告|TinyVue 组件库高级用法:定制你的企业级UI体系
前端·vue.js·开源
David凉宸21 分钟前
一篇文带你使用vue完成一个完整后台
前端
嘻嘻嘻嘻嘻嘻ys21 分钟前
《Spring Boot 3.2 × Java 21虚拟线程:百万并发Web应用实战与性能飞跃》
前端·后端
_志哥_24 分钟前
前端项目离线打包方案
前端·webpack
顾青25 分钟前
在 Electron 中引入本地谷歌插件
前端·electron
顾青26 分钟前
Electron自定义安装脚本
前端·electron