Web大学生网页作业成品—— 节日母亲节介绍网页设计与实现(HTML+CSS)（5个页面）

爱码网页

于 2024-08-20 08:23:17 发布

阅读量133

点赞数 8

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

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

版权

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

26 篇文章 21 订阅

订阅专栏

学生HTML个人网页作业作品

24 篇文章 17 订阅

订阅专栏

学生HTML个人网页作业作品

7 篇文章 0 订阅

订阅专栏

🎉🎉🎉 常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目, 可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。🎉🎉🎉

一、作品介绍 🔥

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。

二、作品演示 ☁️

在这里插入图片描述

三、代码目录 🏠

在这里插入图片描述

四、网站代码 👿

HTML部分代码

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<div class="con">
		<div class="banner">
			<img src="./images/banner.jpeg" alt="">
		</div>
		
		<ul class="nav">
			<li><a href="index.html">首页</a></li>
			<li><a href="chuanshuo.html">典故传说</a></li>
			<li><a href="yiyi.html">历史意义</a></li>
			<li><a href="liwu.html">常送礼物</a></li>
			<li><a href="liuyan.html">在线留言</a></li>
		</ul>
		
		
		<div class="box">
			<div class="box-l">
				<img src="./images/i1.jpg" alt="">
			</div>
			<div class="box-r">
				<h2>母亲节</h2>
				<p>母亲节（Mother's Day），是一个感谢母亲的节日。现代的母亲节起源于美国，是每年5月的第二个星期日。母亲们在这一天通常会收到礼物，康乃馨被视为献给母亲的花，而中国的母亲花是萱草花，又叫忘忧草。</p>
			</div>
		</div>
		<div class="box">
			<div class="box-r">
				<h2>节日起源</h2>
				<p>母亲节起源于希腊，古希腊人在这一天向希腊神话中的众神之母赫拉致敬。在17世纪中叶，母亲节流传到英国，英国人把封斋期的第四个星期天作为母亲节。在这一天里，出门在外的儿女们将回到家中，给他们的母亲带上一些小礼物。</p>
			</div>
			<div class="box-l">
				<img src="./images/i2.jpg" alt="">
			</div>
		</div>
		
		<div class="box2">
			<h2>母亲节图片</h2>
			<div class="tus">
				<img src="./images/t1.jpeg" alt="">
				<img src="./images/t2.jpeg" alt="">
				<img src="./images/t3.jpeg" alt="">
			</div>
		</div>
		
		<div class="footer">
			母亲节 ©版权所有
		</div>
	</div>
</body>
</html>