HTML5+CSS大作业——"传统节日–端午节(9页)

文章目录

HTML5+CSS大作业——"传统节日--端午节(9页)
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>中国传统节日——端午节</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <div class="page">
        <div class="banner"><img src="images/banner.jpg" /></div>

        <div class="daohang">
            <p><a href="index.html">首页</a></p>
            <p><a href="jianjie.html">端午简介</a></p>
            <p><a href="chuanshuo.html">起源传说</a></p>
            <p><a href="shisu.html">各种食俗</a></p>
            <p><a href="yiguo.html">异国端午</a></p>
            <p><a href="yanyu.html">端午谚语</a></p>
            <p><a href="ketang.html">端午课堂</a></p>
            <p><a href="liuyan.html">客户留言</a></p>
            <p><a href="zuozhe.html">关于作者</a></p>
        </div>

        <div class="content">

            <div class="zuo">
                <img src="images/zuo1.jpg" />
                <div class="fangshi">
                    <h1>端午节歌谣</h1>
                    <p>　　棕子香，香厨房。艾叶香，香满堂。桃枝插在大门上，出门一望麦儿黄。这儿端阳，那儿端阳，处处都端阳。<br /> 　　 五月五，是端阳。门插艾，香满堂。吃粽子，洒白糖。龙舟下水喜洋洋。
                        <br /> 　　 五月节，天气热，放下锄头歇一歇；山上清风爽，杨梅红出血。 五月五，是端午，背个竹篓入山谷；溪边百草香，最香是菖蒲。<br /> 　　 五月五日午，天师骑艾虎；薄剑斩百邪鬼入虎品。
                    </p>
                </div>

            </div>


            <div class="you">
                <div class="jieshao">
                    <h1>端午简介</h1>
                    <p><img src="images/jieshao.jpg" width="218" height="147" style="float:left; margin-right:19px;" />　　　端午节（英文为Dragon Boat Festival或Double Fifth Festival）又称为端阳节，为每年的农历5月初五<br /> 赛龙舟日，在湖北、湖南、贵州、四川一带，端午节又分为大端午与小端午。小端午为每年农历五月初五，大端午为每年农历五月十五日。
                        <br /> 　　 时至今日，端午节在中国人民中仍是一个十分盛行的隆重节日。国家非常重视非物质文化遗产的保护，2006年5月20日，该民俗经国务院批准列入第一批国家级非物质文化遗产名录。
                        <br /> 　　 2009年9月30日在阿联酋首都阿布扎比召开的联合国教科文组织保护非物质文化遗产政府间委员会会议决定：中国端午节成功入选《世界人类非物质文化遗产代表作名录》。
                    </p>
                </div>

                <div class="jieshao">
                    <h1>起源传说</h1>
                    <p><a href="chuanshuo1.html">纪念屈原</a></p>
                    <p><a href="chuanshuo2.html">迎接伍子胥</a></p>
                    <p><a href="chuanshuo3.html">纪念孝女曹娥</a></p>
                    <p><a href="chuanshuo4.html">迎涛神</a></p>
                    <p><a href="chuanshuo5.html">龙的节日</a></p>
                    <p><a href="chuanshuo6.html">恶日禁忌</a></p>
                    <p><a href="chuanshuo7.html">夏至</a></p>
                </div>

                <div class="jieshaoB">
                    <h1>图说端午</h1>
                    <p>
                        <marquee><img src="images/tushuo1.jpg" /><img src="images/tushuo2.jpg" /><img src="images/tushuo3.jpg" /><img src="images/tushuo4.jpg" /><img src="images/tushuo5.jpg" /><img src="images/tushuo6.jpg" /></marquee>
                    </p>
                </div>

            </div>


            <div class="clearit"></div>

            <div class="foot_bg">
                <div class="foot">
                    <p></p>
                </div>
            </div>

        </div>


    </div>
</body>

</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !
在这里插入图片描述

五、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述