<b></b>表示关键字和产品名称
如：<b>查看效果</b>
效果：加粗
查看效果
<strong></strong>表示重要的文字
如：<strong>查看效果</strong>
效果：加粗
查看效果
<br>强制换行
如：<br>查看<br>效果
效果：在浏览器显示换行
查看
效果
<wbr>安全换行，一般只用于英文
如：<wbr>查看<wbr>效果
效果：当页面缩小文字受到挤压时才换行
<i></i>表示外文词汇或科技术语
如：<i>查看效果</i>
效果：倾斜
查看效果
<em></em>加以强调，强调重要性
如：<em>查看效果</em>
效果：倾斜
查看效果
<s></s>表示不准确或校正
如：<s>查看效果</s>
效果：删除线
查看效果
<del></del>表示删除文字
如：<del>查看效果</del>
效果：删除线
查看效果
<u></u>表示给文字加下划线
如：<u>查看效果</u>
效果：下划线
查看效果
<ins></ins>表示添加一段文本
如：<ins>查看效果</ins>
效果：下划线
查看效果
<small></small>表示添加小号字体，用于免责声明和澄清声明
如：<small>查看效果</small>
效果：小号字体
查看效果
<sub></sub>表示添加下标
如：查看效果<sub>5</sub>
效果：下标
查看效果5
<sup></sup>表示添加上标
如：查看效果<sup>5</sup>
效果：上标
查看效果5
<code></code>表示计算机代码片段，属于英文范畴，必须将<html lang="en">英文才能体现
如：<code>HTML</code>
<var></var>表示编程语言中的变量，属于英文范畴，必须将<html lang="en">英文才能体现
如：<var>HTML</var>
<samp></samp>表示程序或计算机的输出，属于英文范畴，必须将<html lang="en">英文才能体现
如：<samp>HTML</samp>
<kbd></kbd>表示用户的输入，属于英文范畴，必须将<html lang="en">英文才能体现
如：<kbd>HTML</kbd>
<abbr></abbr>表示一段文本的缩写
如：<abbr>查看效果</abbr>
效果：无
<dfn></dfn>表示定义术语，一个词或短语的一段文本
如：<dfn>查看效果</dfn>
效果：倾斜
查看效果
<q></q>表示引用来自他出的内容
如：<q>查看效果</q>
效果：加一对双引号
查看效果
<cite></cite>表示引用其他作品的标题
如：<cite>查看效果</cite>
效果：倾斜
查看效果
<ruby></ruby>表示语言元素，可以用来为汉字标注拼音
如：
<ruby>
你<rp>(</rp><rt>nǐ</rt><rp>)</rp>
好<rp>(</rp><rt>hǎo</rt><rp>)</rp>
</ruby>
效果：为汉字标注拼音
<bdo></bdo>设置文字方向，必须使用属性dir="rtl",rtl为从右到左，ltr为从左到右（默认）
如：<bdo dir="rtl">查看效果</bdo>
效果：文字反转
<mark></mark>突出显示文本
如：<mark>查看效果</mark>
效果：黄色背景，黑色的字
查看效果
<time></time>表示日期和时间
如：<time>2016-10-12</time>
效果：无
<span></span>表示一般性文本，我们经常用它来设置css
如：<span>查看效果</span>
效果：无
<div>和<span>
<div></div> ： <div>只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现.
<span></span>： <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.
块级元素与行内元素的区别
所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。
