Web大学生网页作业成品——24节气之冬至介绍设计与实现(HTML+CSS)(1个页面)

news/2024/10/30 10:37:31/

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

文章目录

  • 一、作品介绍 🔥
  • 二、作品演示 ☁️
  • 三、代码目录 🏠
  • 四、网站代码 👿
    • HTML部分代码
  • 五、如何学习网页制作 ❤️
  • 六、源码获取 🏫


一、作品介绍 🔥

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有1个页面

二、作品演示 ☁️

在这里插入图片描述

三、代码目录 🏠

在这里插入图片描述

四、网站代码 👿

HTML部分代码


<div id="main"><div id="header"><div class="logo"><img src="./image/logo.jpg"></div><div class="header_right"><a href="">关于我们</a><span>|</span><a href="">联系我们</a></div></div><div id="nav"><ul><li><a href="">首页</a></li><li><a href="">二十四节气</a></li><li><a href="">节气传说</a></li><li><a href="">节气习俗</a></li><li><a href="">节气渊源</a></li></ul></div><div id="banner"><img src="./image/banner.jpeg"></div><div id="content"><div class="content1"><div class="content1_top"><div class="content1_top_item"><div class="content_tit"><span>冬至介绍</span><a href="">MORE&gt;&gt;</a></div><div class="content_desc">冬至,又称日南至、冬节、亚岁等,兼具自然与人文两大内涵,既是二十四节气中一个重要的节气,也是中国民间的传统祭祖节日。冬至是四时八节之一,被视为冬季的大节日,在古代民间有“冬至大如年”的讲法。冬至习俗因地域不同而又存在着习俗内容或细节上的差异。在中国南方地区,有冬至祭祖、宴饮的习俗。在中国北方地区,每年冬至日有吃饺子的习俗。</div></div><div class="content1_top_item"><div class="content_tit"><span>冬至谚语</span><a href="">MORE&gt;&gt;</a></div><div class="content_desc"><ul><li>冬至西北风,来年干一春。</li><li>清爽冬至邋遢年,邋遢冬至清爽年。</li><li>冬至晴,正月雨;冬至雨,正月晴。</li><li>冬至晴,新年雨,中秋有雨冬至晴。</li><li>冬至晴,新年雨;冬至雨,新年晴。</li><li>冬至冷,春节暖;冬至暖,春节冷。</li><li>冬至不冷,夏至不热。</li><li>冬至暖,冷到三月中。</li><li>冬至暖,烤火到小满。</li></ul></div></div><div class="cl"></div></div><div class="content1_bom"><div class="content_tit"><span>冬至视频</span><a href="">MORE&gt;&gt;</a></div><video controls autoplay><source src="./image/1.mp4" type="video/mp4"></video></div></div><div  class="content2"><div class="content_tit"><span>冬至风俗</span><a href="">MORE&gt;&gt;</a></div><div class="content_imgs"><img src="./image/1.jpeg"><img src="./image/2.jpeg"><img src="./image/3.jpg"><img src="./image/4.jpg"><img src="./image/5.jpeg"><img src="./image/6.jpg"><img src="./image/7.jpg"><img src="./image/8.jpg"><img src="./image/9.png"><img src="./image/10.jpg"></div></div><div class="cl"></div></div>

五、如何学习网页制作 ❤️

🙋很多刚入门编程的小白学习了基础语法,却不知道语法的用途,不知道如何加深印象,不知道如何提升自己,可以去看一些视频教程,跟着视频一起学习代码,切记一定要自己手动敲一遍代码,不然就算当时看视频学会也会很容易忘记。

六、源码获取 🏫

🥇1、 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁2、看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙3、源码获取公众号,点点下方公众号进行获取吧! 网页搜索编号:E0035
在这里插入图片描述


http://www.ppmy.cn/news/1543077.html

相关文章

HTML入门教程7:HTML样式

一、CSS基础 1. CSS简介 CSS&#xff08;Cascading Style Sheets&#xff09;用于描述HTML元素在屏幕、纸张或其他媒体上的显示方式。它可以控制元素的布局、颜色、字体、间距等。 2. CSS的三种应用方式 内联样式&#xff1a;直接在HTML元素的style属性中定义样式。内部样式…

100种算法【Python版】第8篇——群体智能优化算法之人工蜂群算法

本文目录 1 人工蜂群算法1.1 算法原理1.2 核心特点1.3 实现步骤1.4 可以解决的问题2 算法示例说明:复杂函数计算极值2.1 问题描述2.2 人工蜂群的思路2.3 python代码3 算法应用3.1 带有约束的三元函数极值3.1.1 问题描述3.1.2 python代码3.1.3 代码逻辑说明3.2 多产品生产调度整…

回归与分类中的过拟合问题探讨与解决

说明 欠拟合和过拟合是回归和分类问题中可能会遇到的现象。这两概念的解释以及解决的办法我在之前的博文[1]中有过介绍&#xff0c;不过在这篇文章中介绍得比较粗糙&#xff0c;本文想要更系统地对这两个概念进行阐述和实践。也算是对博文[1]的补充和拓展。 Blog 2024.10.29 博…

DRC-20开发指南:新一代区块链代币标准

区块链技术自比特币诞生以来&#xff0c;迅速发展成为全球科技与金融领域的创新中心。随着区块链技术的普及&#xff0c;数字代币作为一种新兴的数字资产类别&#xff0c;逐渐为更多人所熟知。从ERC-20到BRC-20&#xff0c;代币标准的演进一直在推动着区块链生态系统的创新与发…

【从零开始的LeetCode-算法】3211. 生成不含相邻零的二进制字符串

给你一个正整数 n。 如果一个二进制字符串 x 的所有长度为 2 的 子字符串 中包含 至少 一个 "1"&#xff0c;则称 x 是一个 有效 字符串。 返回所有长度为 n 的 有效 字符串&#xff0c;可以以任意顺序排列。 示例 1&#xff1a; 输入&#xff1a; n 3 输出&am…

信息输出组件(FITKCompMessageWidget)

在平台开发中&#xff0c;用户界面&#xff08;UI&#xff09;的友好性和交互性直接关系到应用程序的用户体验和满意度。一个高效、直观的信息展示机制&#xff0c;不仅能够提升用户的操作效率&#xff0c;还能在关键时刻为用户提供必要的指导和反馈。为了满足这一需求&#xf…

5G网络中RLC层及其切割简介

5G网络中RLC层及其切割简介 在5G(NR)协议栈中RLC(无线链路控制)的上层是PDCP&#xff0c;下层为MAC&#xff1b;通过RLC信道与PDCP接口对接&#xff0c;通过逻辑信道与MAC接口对接&#xff1b;其间属一对一映射&#xff0c;所以属于一个RLC信道上的RLC SDU通常被映射到单个逻辑…

再论读书之事

人类社会发展过程中&#xff0c;创立语言、文字&#xff0c;等符号体系&#xff0c;后以记录信息之所需&#xff0c;将符号用之于绘画、雕刻、书本等不一而足的形式&#xff0c;以保存知识信息。此开明义&#xff0c;即书本为知识传递之媒介&#xff0c;这是本论之核心。 人自…