HTML标签分类：按照标签的显示模式分类

块状元素

<div> <p>  <h1>~<h6>  <ol>  <ul>   <dl>  <table>  <address> <blockquote> <form>

特点：

1 独占一行
2可以设置宽高
3子元素默认宽度与父容器宽度一致

行内元素

<a> <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>

特点

1所有元素在同一行
2不能设置宽高
3元素的宽度就是包含文字的宽度和高度

行内块元素

<img> <input>

特点：

1所有元素在同一行
2可以设置宽高

元素之间的相互转化

行内元素转为块级元素：display:block;
行内元素转为行内块元素：display:inline-block;
转为行内元素：display:inline;