1.加粗
<b>、<strong>：都是加粗效果，<b>无语义，<strong>有强调作用(比<em>语气更强)。通常标签 <strong> 替换加粗标签 <b> 使用。
<b>定义粗体文本</b>
<strong>定义加重语气</strong>2.斜体
<i> 、<em>：都是斜体效果，<i> 无语义，<em>有强调作用。通常<em> 替换 <i>标签使用。
<i>定义斜体字</i>
<em>定义着重文字</em>3.上下标
<sup>：定义上标字；<sub>：定义下标字。
<sup>定义上标字</sup>
<sub>定义下标字</sub>4.删除文本
<del>：在已删除文本上添加一条删除线。
<del>被删除的文本</del>5.小号字体
<small>：将字体的font-size变为 smaller。
<small>定义小号字</small>6.插入文本
<ins>：定义插入字，带下划线。
<ins>定义插入文本</ins>7.HTML "计算机输出" 标签
<code>：定义计算机代码，对文档中的文本进行格式化。
<p>你好呀<code>Hello World</code></p><pre>：定义预格式文本，被包围在 pre 元素中的文本通常会保留空格和换行符,而且文本呈现为等宽字体。常见应用：用来表示计算机的源代码。
<pre>
使用pre标签
对空行和 空格
展示与控制
</pre>
<pre>
pre标签很适合显示程序代码:
let arr = [1, 2, 3]
for (let index = 0; index < arr.length; index++) {
const item = arr[index];
console.log(item);
}
</pre><kbd>：定义键盘码,在文档中格式化文本。
<p>键入<kbd>refresh</kbd>刷新页面。</p><samp>：短语标签，用来定义计算机程序的样本文本。
<p>定义<samp>计算机样本</samp></p><var>：定义变量，对文档中的文本进行格式化。
扫描二维码关注公众号，回复： 17343210 查看本文章
<p>定义<var>变量</var></p>8.HTML 引文, 引用, 及标签定义
<abbr>：定义缩写，鼠标放上去之后可以看见全称，也可以用于注释。
<p>我在学习<abbr title="Hyper Text Markup Language">HTML</abbr></p><address>：定义地址，标签定义文档作者/所有者的联系信息。元素的文本通常呈现为斜体，并且元素的前后会自动换行。
<div>
欢迎联系我
<address>我的邮箱是：<br />[email protected]</address>
谢谢！
</div><bdo>：定义文字方向，覆盖默认的文本方向。dir属性来控制方向：ltr（ left to right ）：默认，从左到右；rtl（right to left）：从右到左。
<p><bdo dir="ltr">该段落文字从左到右显示。</bdo></p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p><blockquote>：定义摘自另一个源的块引用（段落引用）。与<q>区别：块级元素，默认带有左右40px的外间距，不带“”，字体样式改变。
<div>
<span>注意：</span>
<blockquote cite="http://www.abc.org/index.html">
我是另一个源块文字。
</blockquote>
</div><q>：定义一段短文字的引用。与<blockquote>区别：行内元素，在内容的开始和结尾处会包有“”，字体为斜体。
<p>注意：<q cite="http://www.abc.org/index.html">我是一段引用文字。</q></p><cite>：定义引用、引证，标明引用出处。
<div>
<blockquote>
<pre>
红豆生南国，春来发几枝。
愿君多采撷，此物最相思。
</pre>
</blockquote>
<p>摘自：<cite>唐·王维《相思》</cite></p>
</div><dfn>： 定义项目，是一个短语标签。
<p>定义<dfn>项目</dfn></p>注：每一个标签都有它的意义，所有的标签都是为了更好的突出HTML的语义化效果，如果你只是为了达到某种视觉效果而使用这个标签的话，建议你使用CSS。