实验2.1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天下兴亡,匹夫有责</title>
<style type="text/css">
p{font-size: 24px;text-indent: 2em;text-align: left;}
body{text-align: center;}
</style>
</head>
<body>
<h3 align="center">天下兴亡,匹夫有责</h3>
<img src="实验2-素材\image-ex-2-1-tianxia.jpg" width="350" align="middle">
<hr size=1 color="#FF3333"/>
<p>“天下兴亡,匹夫有责”源自顾炎武的《日知录·正始》中“保定天下者,匹夫之贱与有责焉耳矣”
一句,后被梁启超精炼为“天下兴亡,匹夫有责”。这句话说的是,国家的振兴或衰亡,每一个普通人都有责任。</p>
</body>
</html>

效果图
实验2.2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>天安门</title>
<style type="text/css">
p{font-size: 24px;text-indent: 2em;text-align: left;}
body{text-align: center;}
</style>
</head>
<body bgcolor="#FFFFEE">
<h2 align="center">天安门</h2>
<hr size="1" color="red"/>
<img src="实验2-素材\image-ex-2-2-tiananmen.jpg" width="512">
<p>天安门,坐落在中华人民共和国首都北京市的中心、故宫的南端,与天安门广场以及人民英雄纪念碑、
毛主席纪念堂、人民大会堂、中国国家博物馆隔长安街相望,占地面积4800平方米,以杰出的建筑艺
术和特殊的政治地位为世人所瞩目。</p>
</body>
</html>

效果图