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

相关推荐
今晚吃什么呢?1 分钟前
前端面试题之CSS中的box属性
前端·css
我是大龄程序员4 分钟前
Babel工作理解
前端
CopyLower18 分钟前
提升 Web 性能:使用响应式图片优化体验
前端
南通DXZ19 分钟前
Win7下安装高版本node.js 16.3.0 以及webpack插件的构建
前端·webpack·node.js
Mintopia1 小时前
深入理解 Three.js 中的 Mesh:构建 3D 世界的基石
前端·javascript·three.js
前端太佬1 小时前
暂时性死区(Temporal Dead Zone, TDZ)
前端·javascript·node.js
Mintopia1 小时前
Node.js 中 http.createServer API 详解
前端·javascript·node.js
xRainco1 小时前
Redux从简单到进阶(Redux、React-redux、Redux-toolkit)
前端
印第安老斑鸠啊1 小时前
由一次CI流水线失败引发的对各类构建工具的思考
前端
CodePencil1 小时前
CSS专题之外边距重叠
前端·css