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

相关推荐
xiaotao13119 分钟前
第九章:Vite API 参考手册
前端·vite·前端打包
午安~婉25 分钟前
Electron桌面应用聊天(续)
前端·javascript·electron
彧翎Pro1 小时前
基于 RO1 noetic 配置 robosense Helios 32(速腾) & xsense mti 300
前端·jvm
小码哥_常1 小时前
解锁系统设置新姿势:Activity嵌入全解析
前端
之歆1 小时前
前端存储方案对比:Cookie-Session-LocalStorage-IndexedDB
前端
哟哟耶耶1 小时前
vue3-单文件组件css功能(:deep,:slotted,:global,useCssModule,v-bind)
前端·javascript·css
是罐装可乐1 小时前
深入理解“句柄(Handle)“:从浏览器安全到文件系统访问
前端·javascript·安全
华科易迅2 小时前
Vue如何集成封装Axios
前端·javascript·vue.js
康一夏2 小时前
Next.js 13变化有多大?
前端·react·nextjs
糖炒栗子03262 小时前
前端项目标准环境搭建与启动
前端