<!--文本格式化标签：就是通过标签来美化文本外观。-->
<!--1.b和strong都有加粗作用，并且都是行级标签（不会自动换行），但是strong还有强调作用。强调主要是用于seo搜索引擎优化时便于提去关键字-->
<b>加粗</b><br>
<strong>加粗且强调</strong><br>
<!--2.i和em：使文字倾斜，em具有强调作用。如果只是简单的倾斜效果用i标签即可，比如添加图标等。-->
<i>文章</i><br>
<em>文章并且强调</em><br>
<!--3.pre预格式化文本，保留换行和空格及宽度,文字的字号会小一号（块级标签（在浏览器当中会独占一行））-->
<pre><b>预格式化文本，保留
换行和空格
及宽度。<b /></pre>
<!--4.small和big：分别让文字缩小一号或者放大一号（行级标签(不会独占一行，并且不识别宽高)），big在html5当中淘汰掉了，但并没有删除，在开发中尽量不使用淘汰掉的标签。-->
<!--浏览器支持最小字号为12px字，如果要显示比12px还小的文字效果，需要处理。-->
<p>我是正常大小</p>
<small>我是小一号</small><br>
<big>我是大一号</big><br>
<!--5.sub和sup：用于设置文本为下标和上标，用来调整文本正常显示的基线，且文字会自动小一号-->
<p>下标显示：X<sub>1</sub>+X <sub>2</sub>=Y</p>
<p>正常显示：X1+X2=Y</p>
<p>上标显示：X<sup>1</sup>+X<sup>2</sup>=Y</p>
