参考资料

1. HTML 内联式
2. HTML 文本对齐方式
3. HTML 字体, 字体颜色 ，字体大小
4. HTML 颜色
5. Html转PHP代码有哪些
6. Html转C#/JSP有哪些
7. HTML 书签属性格式化
8. Html转义工具有哪些

HTML 文本格式化

基本文本格式化标签

1. 标题标签

<h1>到<h6>

• 定义6级标题，h1最重要，h6最不重要

• 默认样式：h1最大，h6最小

2. 段落和换行

<p>段落文本</p>
<br> (换行，空标签)

• <p>定义段落，浏览器自动添加空白边距

• <br>强制换行，无内容

3. 文本样式

<b>加粗文本</b>
<strong>重要文本</strong>
<i>斜体文本</i>
<em>强调文本</em>
<small>小号文本</small>
<mark>标记/高亮文本</mark>
<del>删除文本</del>
<ins>插入文本</ins>
<sub>下标文本</sub>
<sup>上标文本</sup>

4. 引用

<blockquote>块引用</blockquote>
<q>短引用</q>
<cite>作品标题引用</cite>
<address>联系信息</address>

5. 预格式化文本

<pre>保留空格和换行的文本</pre>
<code>代码片段</code>

CSS 文本格式化扩展

1. 字体样式

font-family: 字体名称;
font-size: 大小;
font-weight: 粗细;
font-style: 斜体;

2. 文本装饰

text-decoration: 下划线/删除线等;
text-transform: 大小写转换;
text-shadow: 文本阴影;

3. 文本布局

text-align: 对齐方式;
line-height: 行高;
letter-spacing: 字符间距;
word-spacing: 单词间距;

4. 高级文本效果

white-space: 空白处理;
overflow-wrap: 换行方式;
text-overflow: 溢出文本处理;

最佳实践

1. 语义化优先：使用<strong>而非<b>表示重要内容

2. 样式分离：尽量用CSS控制外观而非HTML标签

3. 响应式设计：使用相对单位(em, rem)而非绝对单位(px)

4. 可访问性：确保文本对比度符合WCAG标准