html学习（一）--文本

最新推荐文章于 2022-08-14 10:54:48 发布

原创最新推荐文章于 2022-08-14 10:54:48 发布 · 289 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

前端专栏收录该内容

17 篇文章

订阅专栏

本文通过HTML代码展示了李白的《静夜思》，并对其进行了简单的赏析，介绍了诗歌的意境和作者的情感表达。文章还包含了版权信息。

html学习（一）--文本

- - 实现效果
  - 源代码

实现效果

在这里插入图片描述

源代码

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>文字网页</title>
</head>
<style>
hr{
  background: #00ffee;
  height: 1px;
  margin: 8px -2px 8px 0px;
  border: 0px;
}
h1{
  text-align: center;
}
.p1{
  text-align: center;
  font-weight: bold;
}
#p2{
  text-align: center;
  font-size: 14px;
}
.p3{
  text-indent: 2pc;
  margin: 0px;
}
#p4{
  font-style: italic;
}
</style>
<body>
  <h1>唐诗欣赏</h1>
  <hr/>
  <p class="p1">静夜思</p>
  <p id="p2">李白</p>
  <p class="p1">床前明月光，</p>
  <p  class="p1">疑是地上霜。</p>
  <p class="p1">举头望明月，</p>
  <p  class="p1">低头思故乡。</p>
  <p  class="p1"></p>
  <hr/>
  <p>【简析】</p>
  <p class="p3"> 这是写远客思乡之情的诗，诗以明白如话的语言雕琢出明静醉人的秋夜的意境。它不追求想象的新颖奇特，也摒弃了辞藻的精工华美；</p>
  <p class="p3"> 它以清新朴素的笔触，抒写了丰富深曲的内容。境是境，情是情，那么逼真，那么动人，百读不厌，耐人寻绎。无怪乎有人赞它是“妙绝古今”。</p>
  <hr size="10" />
  <p class="p3">版权&copy;版权所有，违者必究</p>
  <p class="p3" id="p4">csdnsds@34c.com</p>
</body>
</html>