HTML 文本格式化
在构建网页的过程中，文本的格式化是一个至关重要的环节。HTML（HyperText Markup Language）提供了丰富的标签和属性来帮助我们实现各种文本格式化的需求。本文将详细介绍HTML中常见的文本格式化方法，包括字体、颜色、大小、对齐方式以及更多高级技巧。
字体格式化
标题标签
HTML提供了<h1>至<h6>六个标题标签，用于定义不同级别的标题。<h1>为最高级别，通常用于网站的主标题；而<h6>为最低级别，适用于较小的副标题。
<h1>HTML 文本格式化概述</h1>
<h2>字体样式</h2>
<h3>标题标签的应用</h3>
字体样式
使用<font>标签，我们可以改变文本的字体、大小和颜色。然而，由于HTML5标准不再推荐使用<font>标签，建议使用CSS来控制字体样式。
<font face="Arial" size="5" color="#FF0000">Arial 字体，红色，字号5</font>
或者使用CSS：
<style>.custom-font {font-family: Arial;font-size: 5em;color: red;}
</style><p class="custom-font">Arial 字体，红色，字号5</p>
字体大小
HTML提供了<small>和<big>标签来控制文本大小。然而，这些标签在HTML5中已经被废弃，推荐使用CSS来设置字体大小。
<big>这是大号文字</big>
<small>这是小号文字</small>
或者使用CSS：
.big-text {font-size: 1.5em;
}.small-text {font-size: 0.8em;
}
颜色格式化
颜色代码
在HTML中，可以使用颜色代码来定义文本颜色。颜色代码可以是十六进制、RGB或颜色名称。
<p style="color: #FF0000;">红色文本</p>
<p style="color: rgb(255, 0, 0);">红色文本</p>
<p style="color: red;">红色文本</p>
颜色选择器
CSS提供了丰富的颜色选择器，如rgb()、rgba()、hsl()、hsla()等。
p {color: rgb(255, 255, 255);background-color: rgba(0, 0, 255, 0.5);
}
文本对齐方式
对齐方式
在HTML中，我们可以使用<div>、<p>等标签的align属性来控制文本的对齐方式。常见的对齐方式有左对齐、右对齐、居中对齐和两端对齐。
<p align="left">左对齐文本</p>
<p align="right">右对齐文本</p>
<p align="center">居中对齐文本</p>
<p align="justify">两端对齐文本</p>
CSS对齐
使用CSS，我们可以通过text-align属性来控制文本对齐方式。
p {text-align: justify;
}
高级格式化
文本缩进
在HTML中，可以使用<pre>标签来设置文本缩进。
<pre>这是一个缩进的段落。</pre>
水平线
使用<hr>标签可以插入一条水平线，分隔不同内容。
<p>这是一段文字。</p>
<hr>
<p>这是另一段文字。</p>
列表
HTML提供了有序列表和无序列表两种标签来展示列表。
<ul><li>列表项1</li><li>列表项2</li>
</ul><ol><li>有序列表项1</li><li>有序列表项2</li>
</ol>
总结
本文详细介绍了HTML中常见的文本格式化方法，包括字体、颜色、大小、对齐方式以及更多高级技巧。掌握这些方法可以帮助我们更好地构建网页，提高用户体验。在编写HTML代码时，请尽量使用CSS来控制样式，以提高代码的可维护性和扩展性。
