HTML 文本格式化

m0_748245922026-01-15 9:58

HTML 文本格式化基础

HTML 提供了多种标签用于文本格式化，包括加粗、斜体、下划线等常见样式。这些标签可以单独使用或嵌套组合，以实现更复杂的文本效果。

加粗文本 使用  或  标签：

html 复制代码

<b>加粗文本</b>
<strong>强调文本（语义更强）</strong>

斜体文本 使用  或  标签：

html 复制代码

<i>斜体文本</i>
<em>强调斜体（语义更强）</em>

高级文本格式化

下划线与删除线

html 复制代码

<u>下划线文本</u>
<s>删除线文本</s>
<del>被删除的文本（语义更强）</del>

上标与下标

html 复制代码

E = mc<sup>2</sup>
H<sub>2</sub>O

代码与预格式化文本

html 复制代码

<code>console.log("Hello");

复制代码

保留空格和换行的多行文本

组合使用示例

html 复制代码

<p>
  <strong>重要通知</strong>: 请于<em>周五前</em>提交报告。<br>
  原价: <s>$100</s> 现价: $80<br>
  化学公式: CO<sub>2</sub> + H<sub>2</sub>O → H<sub>2</sub>CO<sub>3</sub>
</p>

注意事项

语义化标签（如 、）不仅影响外观，还传达内容重要性
避免过度使用下划线，可能与链接样式混淆
CSS 可以实现更精细的样式控制，但基础格式化优先使用 HTML 标签