HTML静态网页成品作业(HTML+CSS)——非遗徽州木雕网页(6个页面)

最新推荐文章于 2024-05-27 13:02:40 发布

崽子爱码

最新推荐文章于 2024-05-27 13:02:40 发布

阅读量915

点赞数 14

分类专栏： html网页设计与制作学生HTML个人网页作业作品静态网页文章标签： html css 前端

本文链接：https://blog.csdn.net/weixin_42283461/article/details/136862186

版权

html网页设计与制作同时被 3 个专栏收录

118 篇文章 21 订阅

订阅专栏

静态网页

115 篇文章 0 订阅

订阅专栏

学生HTML个人网页作业作品

89 篇文章 17 订阅

订阅专栏

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

一、作品介绍

🏷️本套采用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>