参考资料

  1. html排版标签详细说明以及案例
  2. HTML 中的空格详解
  3. 如何在Electron应用中禁用开发者工具？
  4. HTML 段落格式化标签
  5. HTML 段落
  6. HTML 预期格式文本
  7. HTML 区块元素
  8. HTML 音频(Audio)

HTML 段落格式化标签

HTML 段落格式化标签：

  1. <p> 标签

  • 用法：<p>段落内容</p>

  • 功能：定义文本段落

  • CSS扩展：

    p {
  margin: 16px 0;
  line-height: 1.5;
}

  1. <br> 标签

  • 用法：<br>（空标签）

  • 功能：插入换行符

  • CSS扩展：

    br {
  content: "";
  display: block;
  margin-bottom: 1em;
}

  1. <pre> 标签

  • 用法：<pre>预格式化文本</pre>

  • 功能：保留空格和换行

  • CSS扩展：

    pre {
  font-family: monospace;
  white-space: pre;
  background: #f5f5f5;
  padding: 10px;
}

  1. <hr> 标签

  • 用法：<hr>（空标签）

  • 功能：创建水平分割线

  • CSS扩展：

    hr {
  border: 0;
  height: 1px;
  background: #ccc;
  margin: 20px 0;
}

  1. <blockquote> 标签

  • 用法：<blockquote>引用内容</blockquote>

  • 功能：定义长引用

  • CSS扩展：

    blockquote {
  margin: 0 0 1em;
  padding: 0 1em;
  border-left: 3px solid #ccc;
  color: #666;
}

  1. <div> 标签

  • 用法：<div>内容区块</div>

  • 功能：定义文档分区

  • CSS扩展：

    div {
  display: block;
  box-sizing: border-box;
}
TAG：标签用法功能段落内容定义格式化文本换行符空格