master

分支 (1)

管理

管理

master

html_-css
/
index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>诗词网页</title>
<style>
h1{ text-align:center; color:#F00;
 }
h2{ text-align:center; color:#03F;}
.author{ text-align:center;
font-size:18px;
font-weight:bolder;}
.article{ text-align:center;}
.remark{font-style:italic;
text-align:center;
text-decoration:underline;}
</style>
</head>
<body>
<h1 >人生三重境界</h1>
<hr/>
<h2>蝶恋花·槛菊愁烟兰泣露</h2>
<p class="author">晏殊</p>
<p class="article">槛菊愁烟兰泣露。<br/>罗幕轻寒，燕子双飞去。<br/>明月不谙离恨苦。<br/>斜光到晓穿朱户。<br/>
昨夜西风凋碧树。<br/>独上高楼，望尽天涯路。<br/>欲寄彩笺兼尺素。<br/>山长水阔知何处。</p>
<p class="remark">此一境界，乃对人生的迷茫，孤独而不知前路几何。</p>
<hr/>
<h2>蝶恋花·伫倚危楼风细细</h2>
<p class="author">柳永</p>
<p class="article">伫倚危楼风细细。<br/>望极春愁，黯黯生天际。<br/>草色烟光残照里。<br/>无言谁会凭阑意。<br/>
拟把疏狂图一醉。<br/>对酒当歌，强乐还无味。<br/>衣带渐宽终不悔。<br/>为伊消得人憔悴。
</p>
<p class="remark">第二境界乃有了目标，在追逐的道路上，求之不得之后形容消瘦而却继续追逐无怨无悔。
</p>
<hr/>
<h2>青玉案·元夕</h2>
<p class="author">辛弃疾</p>
<p class="article">东风夜放花千树。<br/>更吹落、星如雨。<br/>宝马雕车香满路。<br/>凤箫声动，玉壶光转，一夜鱼龙舞。<br/>
蛾儿雪柳黄金缕。<br/>笑语盈盈暗香去。<br/>众里寻他千百度。<br/>蓦然回首，那人却在，灯火阑珊处。</p>
<p class="remark">此一境界表明立志追逐的，在足够的积累后，量变成为质变，不经意间已追逐到了。
</p>
<hr/>
</body>
</html>