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

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!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>