HTML靜態網頁成品作業(HTML+CSS)—— 節日母親節介紹網頁(5個頁面)

🎉不定期分享源碼，關注不丟失哦

文章目錄

一、作品介紹
二、作品演示
三、代碼目錄
四、網站代碼
- HTML部分代碼
五、源碼獲取

一、作品介紹

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

五、源碼獲取

🥇 ~ 關注我，點贊博文~ 每天帶你漲知識!
🎁1.看到這里了就[點贊+好評+收藏]三連支持下吧，你的「點贊，好評，收藏」是我創作的動力。
💙2.想要獲取本文源碼，點擊前往吧

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/24223.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/24223.shtml
英文地址，請注明出處：http://en.pswp.cn/web/24223.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！