文本标签

为标识网页中的不同内容而生

<em>和<strong>标签

em标签用于表示一段内容中的着重点
strong标签用于表示一个内容的重要性
em标签和strong标签可以单独使用，也可以一起使用
通俗讲就是em显示为斜体，而strong显示为粗体

代码演示

<p>
<strong>警告：任何情况下不要接近僵尸。</strong>
他们只是 <em>看起来</em> 很友好，实际上他们是为了吃你的胳膊！
</p>

<i>和<b>标签

i标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和em和strong类似，但是这两 个标签没有语义。
所以根据HTML5标准，当我们只想设置文本 特殊显示，而不需要强调内容时就可以使 用i和b标签

<small>标签

ismall标签表示细则一类的旁注，通常包括 免责声明、注意事项、法律限制、版权信息等
浏览器在显示small标签时会显示一个比父 元素小的字号

代码演示

<p><small>&copy;2018 XX. 保留所有权利.</small></p>

<cite>标签

使用cite标签可以指明对某内容的引用或参 考。例如，戏剧、文章或图书的标题，歌 曲、电影、照片或雕塑的名称等

代码演示

<p>
<cite>你就是个</cite>能吃会睡的猪。
</p>

<blockquote>和<q>标签

blockquote和q表示标记引用的文本。
blockquote用于长引用，q用于短引用。
在两个标签中还可以使用cite属性来表示引用的地址

代码演示

孟子曾经说过：
<blockquote>天将降大任于是人也...</blockquote>
他说的真对啊！
<p>孔子曾经说：<q>没错你说的对</q></p>

<sup>和<sub>标签

sup和sub用于定义上标和下标
上标主要用于表示类似于103中的3
下标则用于表示类似余H2O中的2

<ins>和<del>标签

ins表示插入的内容，显示时通常会加上下划线
del表示删除的内容，显示时通常会加上删除线

<code>和<pre>标签

如果你的内容包含代码示例或文件名，就可以使用code元素
pre元素表示的是预格式化文本，可以使用
pre包住code来表示一段代码

代码演示

<pre>
<code>
function fun(){  alert("hello");
}
</code>
</pre>