减小字体
增大字体- ·上一篇内容：HTML style属性
- ·下一篇内容：HTML <blockquote>元素
HTML 文本格式化
在HTML中定义了一系列的元素标签用于修饰文本内容或指定文本有特殊的含义，如<b>、<i>、<em>、<small>等。
这篇教程主要探讨用于格式化文本的一些元素标签。
HTML中用于格式化文本的元素标签
| 标签 | 含义 |
|---|---|
| <b> | 将位于<b>和</b>之间的文本加粗：效果 |
| <del> | 将位于<del>和</del>之间的文本添加删除线： |
| <em> | 强调位于<em>和</em>之间的文本：效果 |
| <i> | 位于<i>和</i>之间的文本将以斜体形式显示：效果 |
| <ins> | 指示位于<ins>和</ins>之间的文本为插入文本：效果 |
| <mark> | 标记或高亮显示位于<mark>和</mark>之间的文本：效果。 |
| <small> | 位于<small>和</small>之间的文本将以小号进行显示：效果。 |
| <strong> | 位于<strong>和</strong>加重显示的字体或语气上应以强调：效果。 |
| <sub> | 位于<sub>和</sub>中的文本为下角标文本：效果。 |
| <sup> | 位于<sup>和</sup>中的文本为上角标文本：效果。 |
<b>和<strong>元素
HTML中的<b>元素用于定义加粗的文本，没有额外的重要性。
HTML中的<strong>元素用于定义强重要性的文本，一般以粗体形式进行显示。
<p>这是普通的文本</p>
<p><b>这段文本是加粗的文本</b></p>
<p><strong>这段文本是重要的文本。</strong></p>
<p>实际上，在默认情况下，并<strong>无法区分</strong>开这两者的<b>外在区别</b>。</p>
<p><b>这段文本是加粗的文本</b></p>
<p><strong>这段文本是重要的文本。</strong></p>
<p>实际上，在默认情况下，并<strong>无法区分</strong>开这两者的<b>外在区别</b>。</p>
其在谷歌浏览器预览格式如下：
<i>和<em>元素
HTML中的<i>元素用于定义与其他内容不同的文本，通常以斜体形式进行显示。
<i>标签通常用于表示一个技术术语、外来短语、一种思想或船的名称等。
HTML中的<em>元素用于定义强调的文本，位于<em>和</em>之间的内容通常以斜体显示。屏幕阅读器在阅读带有<em>标签的内容时会以重读的方式来朗读。
下面是两者使用的一个例子：
<p>这是正常的文本。</p>
<p><i>这是带有i标签的内容</i></p>
<p><em>这是带有em标签的内容。</em></p>
<p><i>这是带有i标签的内容</i></p>
<p><em>这是带有em标签的内容。</em></p>
在谷歌浏览器中预览的效果：
从预览效果来看，两者在形式上没有区别。
<sub>和<sup>元素
HTML中的<sub>元素用于定义下角标文本。下角标文本以较小的格式显示在一行的下边，如数学符号或化学符号可以使用这种元素来定义。
HTML中的<sup>元素用于定义上角标文本。上角标文本以较小的字体显示在一行的上方，如参考文献中的引用，数学公式中的幂的表示。
下面是一些例子：
<p>氧气的分子式：O<sub>2</sub></p>
<p>Ca(OH)<sub>2</sub>+CO<sub>2</sub>═CaCO<sub>3</sub>↓+H<sub>2</sub>O</p>
<p>勾股定理：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
<p>Ca(OH)<sub>2</sub>+CO<sub>2</sub>═CaCO<sub>3</sub>↓+H<sub>2</sub>O</p>
<p>勾股定理：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p>
其在谷歌浏览器中预览的效果如下：
以上是关于HTML 文本格式的一些元素的使用方法，如有问题，请留言。如需转载请注明出处：翔宇亭IT乐园（http://www.biye5u.com）,并给出本文的链接地址：http://www.biye5u.com/article/HTML5/2023/6582.html
微信搜索“优雅的代码”关注本站的公众号，或直接使用微信扫描下面二维码关注本站公众号，以获取最新内容。
个人成长离不开各位的关注，你的关注就是我继续前行的动力。
- 给好评 如果您觉得此内容好，就请您
100%(1) 
- 给差评 如果您觉得此内容差，就请您
0%(0) 