html添加文字

基础文字输入

HTML 中的文字可直接通过文本内容添加，浏览器默认按顺序渲染。

<p>这是一段普通文字</p>

特殊字符与实体

某些字符（如 <、>、&）需用 HTML 实体表示：
| 字符 | 实体代码 | 用途 |
|————|—————|————————–|
| < | < | 小于号 |
| > | > | 大于号 |
| & | & | 和号（防止解析错误） |
| | © | 版权符号 |
| 空格 |   | 非换行空格 |

文字格式化标签

通过标签可调整文字样式：
| 标签 | 效果 | 示例 |
|—————|——————————-|———————————|
| <b> | 粗体 | <b>加粗文字</b> |
| <i> | 斜体 | <i>斜体文字</i> |
| <u> | 下划线 | <u>下划线</u> |
| <small> | 小号字体 | <small>缩小文字</small> |
| <mark> | 高亮 | <mark>标记文字</mark> |

空格与换行控制

• 保留空格：连续空格会被合并，需用   或 <pre> 标签。

  <p>空格&nbsp;保留</p>
  <pre>    缩进保留</pre>

• 强制换行：<br> 标签插入换行。

  <p>第一行<br>第二行</p>

外部文本导入

1. JavaScript 动态插入：

   <div id="container"></div>
   <script>
     document.getElementById('container').textContent = '外部文本';
   </script>

2. CSS 内容插入：

   <style>
     .dot::before {
       content: '• ';
     }
   </style>
   <span class="dot">列表项</span>

相关问题与解答

问题1：如何显示多个连续空格？

解答：
HTML 中连续空格会被合并为一个，需使用   实体或包裹在 <pre> 标签内。

<p>空格&nbsp;&nbsp;&nbsp;保留</p>
<pre>    多个空格</pre>

问题2：<br> 和 <p> 标签有什么区别？

解答：

• <br>：强制换行，内容仍属于同一段落。
• <p>：定义独立段落，段前段后自动添加垂直间距。
  示例：

  <p>第一段<br>行内换行</p>
  <p>第二段</p> <!-段间