行内元素与块级元素比较全面的区别和转换

一次偶然的面试遇到的题目，虽然当时知道块级元素和行内元素的区别，但是没有仔细去想。

定义最大的标题

定义副标题

定义标题

定义标题

定义预格式化的文本
标签定义 HTML 表格
标签表格主体（正文）
定义表格的页脚（脚注或表注）
标签定义表格的表头
定义表格中的行

行内元素列表
标签可定义锚
表示一个缩写形式
定义只取首字母缩写
[b] 字体加粗
可覆盖默认的文本方向
大号字体加粗

换行
引用进行定义
[code]  定义计算机代码文本
定义一个定义项目
定义为强调的内容
 斜体文本效果
向网页中嵌入一幅图像
输入框
定义键盘文本
标签为 input 元素定义标注（标记）
定义短的引用
定义样本文本
创建单选或多选菜单
呈现小号字体效果
组合文档中的行内元素
[b]    语气更强的强调的内容
定义下标文本
定义上标文本
多行的文本输入控件
打字机或者等宽的文本效果
定义变量

可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素
按钮
定义文档中已被删除的文本
创建包含另外一个文档的内联框架（即行内框架）
<ins>   标签定义已经被插入文档中的文本
</ins><map>   客户端图像映射（即热区）
    object对象
</object></map>