中秋节的静态html页面

设计主题：

中秋节，又称祭月节、月光诞、月夕、秋节、仲秋节、拜月节、月娘节、月亮节、团圆节等，是中国民间的传统节日。

设计原型图:

设计具体内容介绍

1.类选择器设置LOGO背景图片

2.下方设置导航栏，在标签选择器中将颜色设置为红色

           <ul>
                    <li><a href="#zqsy"><b>中秋赏月</b></a>
                    <li><a href="#lsyg"><b>历史沿革</b></a>
                    <li><a href="#jrbc"><b>节日别称</b></a>
                    <li><a href="#fsxg"><b>风俗习惯</b></a>
                    <li><a href="#shcs"><b>神话传说</b></a>
                    <li><a href="#wxjs"><b>文学记述</b></a>
                </ul>

3.下面插入图片

4.下面分三部分

Left：

中秋赏月：

 Mid：历史沿革

 Right:节日别称

5、插入图片

6.下面分三部分

Left:风俗习惯

 Mid:神话传说

 Right:文学艺术

 7.下面为页脚部分

        <footer class="footer">
            <nav class="nav">
                <ul>
                    <li class="li"><b>在线活动</b></li>
                    <li class="li"><a href="#">活动抽奖</a></li>
                    <li class="li"><a href="#">中秋大礼</a></li>
                    <li class="li"><a href="#">中奖名单</a></li>
                </ul>
            </nav>
            <nav class="nav2">
                <ul>
                    <li class="li"><b>综合快讯</b></li>
                    <li class="li"><a href="#">最新动态</a></li>
                    <li class="li"><a href="#">中秋要闻</a></li>
                </ul>
            </nav>
            <nav class="nav3">
                <ul>
                    <li class="li"><b>相关服务</b></b></li>
                    <li class="li"><a href="#">音乐网</a></li>
                    <li class="li"><a href="#">电影网</a></li>
                </ul>
            </nav>
            <nav class="nav4">
                <ul>
                    <li class="li"><b>关于我们</b></li>
                    <li class="li"><a href="#">合作关系</a></li>
                    <li class="li"><a href="#">寻求帮助</a></li>
                    <li class="li"><a href="#">给予意见</a></li>
                </ul>
            </nav>
<br/><br/><br/><br/><br/><br/><br/>Email:864232360@qq.com&nbsp;&nbsp;2021 龍弟</h2>
        </footer>

 8.设置隐藏音乐，自动循环播放

<embed src="renxi.mp3" hidden="true"autostart="true"loop="true"/>

四、设计结果

gitee源码下载

github源码下载