html版本样式.忆江南案例

最新推荐文章于 2024-01-08 09:45:43 发布

原创最新推荐文章于 2024-01-08 09:45:43 发布 · 2k 阅读

12 ·

本内容遵循CC 4.0 BY-SA版权协议

本文探讨了HTML版本的样式应用，并详细分析了一个名为‘忆江南’的案例，展示了如何利用HTML进行页面布局和美化。

1.html版本样式

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<hr>
	<p style="color: blue;" >里面有文字</p> <!--行内样式表-->
</body>
</html>

结果
html版本样式
2.忆江南案例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
  <style>
   h4{
      color: red;
    }
   p{
      color: #036;
    }
   h3{
      color: red;
    }
   div{
      color: orange;
    }
  </style>
  <!--内部样式表-->
   <h4>忆江南(1)</h4>
    <div>唐.白居易</div>
     <P>江南好，风景旧曾谙。(2) 日出江花红胜火，春来江水绿如蓝，(3) 能不忆江南。</P>
   <h3>作者介绍</h3>
    <p>白居易(772－846) ，字乐天，太原(今属山西)人。唐德宗朝进士，元和三年(808)拜左拾遗，后贬江州(今属江西)司马，移忠州(今属四川)刺史，又为苏州(今属江苏)、同州(今属陕西大荔)刺史。晚居洛阳，自号醉吟先生、香山居士。其诗政治倾向鲜明，重讽喻，尚坦易，为中唐大家。也是早期词人中的佼佼者，所作对后世影响甚大。</p>
   <h4>注释</h4>

    <p>(1)据《乐府杂录》，此词又名《谢秋娘》，系唐李德裕为亡姬谢秋娘作。又名《望江南》、《梦江南》等。分单调、双调两体。单调二十七字，双凋五十四字，皆平韵。(2)谙(音安)：熟悉。(3)蓝：蓝草，其叶可制青绿染料</p>

  <h4>品评</h4>
    <p>此词写江南春色，首句“江南好”，以一个既浅切又圆活的“好”字，摄尽江南春色的种种佳处，而作者的赞颂之意与向往之情也尽寓其中。同时，唯因“好”之已甚，方能“忆”之不休，因此，此句又已暗逗结句“能不忆江南”，并与之相关阖。次句“风景旧曾谙”，点明江南风景之“好”，并非得之传闻，而是作者出牧杭州时的亲身体验与亲身感受。这就既落实了“好”字，又照应了“忆”字，不失为勾通一篇意脉的精彩笔墨。三、四两句对江南之“好”进 　行形象化的演绎，突出渲染江花、江水红绿相映的明艳色彩，给人以光彩夺目的强烈印象。其中，既有同色间的相互烘托，又有异色间的相互映衬，充分显示了作者善于著色的技巧。篇末，以“能不忆江南”收束全词，既托出身在洛阳的作者对江南春色的无限赞叹与怀念，又造成一种悠远而又深长的韵味，把读者带入余情摇漾的境界中。
</body></p>
</html>

如图
忆江南案例