📜  HTML 段落(1)

📅  最后修改于: 2023-12-03 15:01:17.266000             🧑  作者: Mango

HTML 段落

HTML 段落是网页中最基本的元素之一,用于排列文字及内容。段落通常由一行或多行文字组成,并且在文字间留有一定的间距。

基本语法

使用 HTML 段落,只需要将要显示的文本内容用 p 标签包围起来即可,例如:

<p>这是一个普通的段落。</p>

以上代码将在网页中显示一个包含"这是一个普通的段落"文字的段落。

属性

p 标签也可以包含一些属性,以控制段落的外观及行为。以下是一些常见的属性:

  • class:为段落设置一个或多个样式类。
  • id:为段落设置一个唯一的标识符。
  • style:为段落设置内联样式。
  • dir:设置段落的文本方向,可以设置为"ltr"(从左向右)或"rtl"(从右向左)。
  • lang:设置段落的语言。
  • title:为段落设置提示信息。
示例
基本段落
<p>这是一个基本的段落。</p>
给段落加样式
<p class="highlight">这是一个带样式的段落。</p>

<style>
.highlight {
    color: red;
    font-weight: bold;
}
</style>
段落中嵌套其他元素
<p>
    这是一个包含<br>
    换行的段落。<br>
    这是另一个段落内的<strong>粗体文字</strong>。
</p>

以上实例演示了在段落中嵌套其他元素的方法,使用 br 标签插入换行符,使用 strong 标签将文字加粗显示。

总结

HTML 段落是网页中最基本的元素之一,用于排列文字及内容。使用 p 标签包住想要显示的文本内容即可。p 标签还可以包含一些属性,以控制段落的外观及行为。