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

最新推荐文章于 2024-11-27 19:17:47 发布

爱码网页成品

最新推荐文章于 2024-11-27 19:17:47 发布

阅读量496

点赞数 8

CC 4.0 BY-SA版权

分类专栏：静态网页成品学生网页 HTML网页成品文章标签： html css 前端

本文链接：https://blog.csdn.net/yxhxhxbxvbchsw/article/details/143925533

静态网页成品同时被 3 个专栏收录

240 篇文章

订阅专栏

学生网页

240 篇文章

订阅专栏

HTML网页成品

239 篇文章

订阅专栏

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

一、作品介绍

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