HTML文本格式化是将HTML代码中的文本内容按照特定的格式进行展示，包括字体、颜色、对齐方式等。
HTML 中有许多用来格式化文本的标签，如下表所示：
| 标签 | 描述 |
|---|---|
<b>...</b> |
加粗标签中的字体 |
<em>...</em> |
强调标签中的内容，并使标签中的字体倾斜 |
<i>...</i> |
定义标签中的字体为斜体 |
<small>...</small> |
定义标签中的字体为小号字体 |
<strong>...</strong> |
强调标签中的内容，并将字体加粗 |
<sub>...</sub> |
定义下标文本 |
<sup>...</sup> |
定义上标文本 |
<ins>...</ins> |
定义文档的其余部分之外的插入文本 |
<del>...</del> |
在文本内容上添加删除线 |
<code>...</code> |
定义一段代码 |
<kbd>...</kbd> |
用来表示文本是通过键盘输入的 |
<samp>...</samp> |
定义程序的样本 |
<var>...</var> |
定义变量 |
<pre>...</pre> |
定义预格式化的文本，被该标签包裹的文本会保留所有的空格和换行符，字体也会呈现为等宽字体 |
<abbr>...</abbr> |
用来表示标签中的内容为缩写形式 |
<address>...</address> |
用来定义文档作者的联系信息，被该标签包裹的文本通常会以斜体呈现，并在文本前面换行 |
<bdo>...</bdo> |
定义标签中的文字方向 |
<blockquote>...</blockquote> |
定义一段引用的文本，例如名人名言，文本会换行输出，并在左右两边进行缩进 |
<q>...</q> |
定义一段短的引用，浏览器会将引用的内容使用双引号包裹起来 |
<cite>...</cite> |
表示对某个文献的引用，例如书籍或杂志的名称，文本会以斜体显示 |
<dfn>...</dfn> |
用来定义一个术语，标签中的文本会以斜体呈现 |
接下来详细介绍下常用的HTML文本格式化标签：
字体标签
字体标签用于设置文本的字体、大小、颜色等属性。
<font size="4" face="Arial" color="blue">Hello World!</font>上面的代码将文本“Hello World!”设置为4号Arial字体，颜色为蓝色。
标题标签
标题标签用于设置文本的标题级别，包括h1、h2、h3、h4、h5、h6六种级别。
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>上面的代码将文本按照不同的级别进行了格式化。
段落标签
段落标签用于设置文本的段落格式，包括p、br、hr等标签。
<p>这是一个段落。</p>
<br>
<p>这是另一个段落。</p>
<hr>上面的代码将文本分成了两个段落，并在它们之间插入了一个换行符和一条水平线。
强调标签
强调标签用于强调文本内容，包括加粗、倾斜、下划线等效果。
<b>这是加粗的文本。</b>
<i>这是倾斜的文本。</i>
<u>这是带下划线的文本。</u>上面的代码将文本分别设置为加粗、倾斜和带下划线三种形式。
预定义文本标签
预定义文本标签用于保留文本中的空格、换行符等特殊符号。
<pre>
这是一个预定义文本块。
它保留了文本中的空格和换行符。
</pre>上面的代码将文本设置为一个预定义文本块。
超链接标签
超链接标签用于在文本中添加链接。
<a href="http://www.pythonjishu.com" target="_blank" rel="noopener">访问Python技术网站</a>上面的代码将“访问例子网站”这段文本添加了一个链接到http://www.pythonjishu.com，并在新窗口中打开。
以上是HTML文本格式化的主要标签和用法。完整代码示例如下：
<html>
<head>
<title>HTML文本格式化</title>
</head>
<body>
<h1>HTML文本格式化</h1>
<p>这是一个段落。</p>
<br>
<p>这是另一个段落。</p>
<hr>
<b>这是加粗的文本。</b>
<i>这是倾斜的文本。</i>
<u>这是带下划线的文本。</u>
<pre>
这是一个预定义文本块。
它保留了文本中的空格和换行符。
</pre>
<a href="http://www.pythonjishu.com" target="_blank" rel="noopener">访问Python技术网站</a>
</body>
</html>此文章发布者为：Python技术站作者[metahuber]，转载请注明出处：https://pythonjishu.com/html-text-formatting/
微信扫一扫 
支付宝扫一扫 