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.想要获取本文源码,点击前往吧

相关推荐
Zheng1133 分钟前
【可视化大屏】将柱状图引入到html页面中
javascript·ajax·html
程序猿小D10 分钟前
第二百六十七节 JPA教程 - JPA查询AND条件示例
java·开发语言·前端·数据库·windows·python·jpa
奔跑吧邓邓子41 分钟前
npm包管理深度探索:从基础到进阶全面教程!
前端·npm·node.js
软件开发技术深度爱好者1 小时前
用HTML5+CSS+JavaScript庆祝国庆
javascript·css·html5
前端李易安1 小时前
ajax的原理,使用场景以及如何实现
前端·ajax·okhttp
汪子熙2 小时前
Angular 服务器端应用 ng-state tag 的作用介绍
前端·javascript·angular.js
Envyᥫᩣ2 小时前
《ASP.NET Web Forms 实现视频点赞功能的完整示例》
前端·asp.net·音视频·视频点赞
Мартин.6 小时前
[Meachines] [Easy] Sea WonderCMS-XSS-RCE+System Monitor 命令注入
前端·xss
昨天;明天。今天。7 小时前
案例-表白墙简单实现
前端·javascript·css
数云界7 小时前
如何在 DAX 中计算多个周期的移动平均线
java·服务器·前端