HTML静态网页成品作业(HTML+CSS)——中华传统美德介绍网页(2个页面)

🎉不定期分享源码,关注不丢失哦

文章目录


一、作品介绍

🏷️本套采用HTML+CSS,表格布局,未使用Javacsript代码,共有2个页面

二、作品演示


三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>中华传统美德</title>
		<link rel="stylesheet" href="./css/style.css">
	</head>
	<body>
		
		
		
		<table class="main" border="0" >
			<tr>
				<td>
					<a href="index.html">
						<img src="./images/logo.png" alt="" class="logo">
					</a>
				</td>
				<td align="right">
					<a href="index.html">首页</a>&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="reg.html">我要注册</a>
				</td>
			</tr>
			<tr>
				<td colspan="3">
					<img src="./images/banner.jpeg" class="banner" alt="">
				</td>
			</tr>
			<tr>
				<td colspan="3">
					<p>中华民族传统美德八字是:孝、悌、忠、信、礼、义、廉、耻。</p>
					<p>"仁、义、礼、智、信"是人们应该履行的基本义务和主要品行,在道德建设中具有基础地位。从中华民族传统美德的产生、发展的历史来看,"仁、义、礼、智、信"在中华民族道德建设的长河中具有本源地位。</p>
					<p>中华的传统美德有很多,包括仁、义、礼、智、信、孝、悌、忠、廉、耻、勤、勇、友等各方面,主要可以分为"修身"、"齐家"、"治国"三个方面,修身指的是提高自身的个人修养,齐家是指家庭方面具备的美德,而治国则是为人处世之道。</p>
					<p>这里的修身指的是提升自己的修养让自身具备美德,而修身也是齐家、治国之本,只有个人达到了较高的美德素养,才能成就大事。而齐家主要是治家庭方面的美德,比方尊老爱幼、勤俭持家、家庭和睦等等,而治国就是为人处世应该具备的美德,包括职业精神、公共精神、团队精神、助人为乐等等方面。</p>
					<p>我国是一个历史非常悠久的文明古国,在上下几千年的历史中,通过各种社会实践、学习,逐渐丰富了我们的道德文化,成为宝贵的精神文明财富,有些宝贵的美德历经时间的熏陶和丰富,一代一代的流传了下来。</p>
				</td>
			</tr>
			<tr>
				<td colspan="3" align="center">
					<img src="./images/1.jpg" alt="">
				</td>
			</tr>
			
			<tr>
				<td colspan="3" align="center" >
					<div class="footer">中华传统美德&nbsp;&nbsp;版权所有</div>
				</td>
			</tr>
		</table>
	</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
兆子龙2 分钟前
深入探究 React 史上最大安全漏洞
前端·javascript
广州华水科技6 分钟前
单北斗GNSS形变监测在水库安全中的应用与技术优势
前端
摸鱼的春哥10 分钟前
Agent🤖记忆的提取与压缩!再也不担心我的Agent记忆混乱了
前端·javascript·后端
海石6 小时前
微信小程序开发01:XR-FRAME的快速上手
前端·增强现实·trae
叶梅树8 小时前
DocsJS npmjs 自动化发布复盘(Trusted Publisher)
前端·npm
我命由我123459 小时前
Element Plus - Form 的 resetField 方法观察记录
开发语言·前端·javascript·vue.js·html·html5·js
清空mega9 小时前
《Vue3 项目结构详解:components、views、assets、router、stores 到底该怎么理解?》
前端·javascript·vue.js
雨雨雨雨雨别下啦10 小时前
Vue——小白也能学!Day6
前端·javascript·vue.js
XPoet10 小时前
AI 编程工程化:Hook——AI 每次操作前后的自动检查站
前端·后端·ai编程
難釋懷10 小时前
RedisTemplate配置读写分离
前端·bootstrap·html