各个标签的使用事例
http://www.w3school.com.cn/tags/tag_div.asp
行内元素特点(
inline)：
1：行内元素和其他行内元素一行显示。
2：不能设置自身宽高，因为只由内容决定。
3*: 行内元素建议尽量不要设置上下的内/外边距，即padding-top，padding-bottom和margin-top，margin-bottom，因为要么起不到效果，要么看起来有效，实则容易引起布局混乱。【可以设置左右内/外边距】。
4：行内元素里面可以嵌入其他行内元素，但是不能嵌入块级元素，否则会造成布局混乱。
块级元素特点(
block)：大块头，很霸道
1：块级元素会独占一行。
2：可以设置自身宽高(宽度默认100%)。
3：可以设置上下左右的内/外边距。
4：块级元素里面可以嵌入任何元素，既可以嵌入行内元素，也可以嵌入块级元素。
行内块元素特点(
inline-block)：
1：多个行内元素一行显示
2：可以设置自身宽高
块级元素：块级大多为结构性标记
| 标签 | 描述 |
|---|---|
<div></div> |
定义文档中的分区或节<div></div>主要是用来设置涵盖一个区块为主，所谓的区块是包含一行以上的数据，所以在<div></div>的开始之前与结束后，浏览都会自动换行，所以夹在<div></div>间的数据，自然会与其前后文隔开而自成一区快 |
<address></adderss> |
定义地址 |
<center></center> |
地址文字 |
<caption></caption> |
定义表格标题 |
<h1></h1> |
标题一级 |
<h2></h2> |
标题二级 |
<h3></h3> |
标题三级 |
<h4></h4> |
标题四级 |
<h5></h5> |
标题五级 |
<h6></h6> |
标题六级(最小为六级) |
<hr></hr> |
水平分割线 |
<p></p> |
段落 |
<pre></pre> |
预格式化 |
<blockquote></blockquote> |
段落缩进 前后5个字符 |
< noframes ></noframes > |
frames可选内容（对于不支持frame的浏览器显示此区块内容） |
< noscript ></noscript > |
可选脚本内容（对于不支持script的浏览器显示此内容） |
<marquee></marquee> |
滚动文本 |
<dl></dl> |
定义列表 |
<ol></ol> |
有序列表 |
<ul></ul> |
无序列表 |
<dd></dd> |
列表中定义条目 |
<dt></dt> |
定义列表中的项目 |
<fieldset> </fieldset> |
定义一个框架集 |
<li></li> |
标签定义列表项目 |
<table></table> |
表格 |
<form></form> |
表单 |
<table ></table> |
定义 HTML 表格 |
<tbody></tbody> |
标签表格主体（正文） |
<td></td> |
表格中的标准单元格 |
<tfoot ></tfoot> |
定义表格的页脚（脚注或表注） |
< th ></th > |
定义表头单元格 |
< thead ></thead > |
标签定义表格的表头 |
< tr ></tr > |
表格中的行 |
行内元素(内联元素)：行内大多为描述性标记
| 标签 | 描述 |
|---|---|
<span></span> |
|
<a></a> |
链接 |
<br></br> |
换行 |
<b></b> |
加粗 |
< big ></big > |
大号字体加粗 |
<strong></strong> |
加粗 |
<img > |
图片 |
<em > |
定义为强调的内容 |
<code> |
定义计算机代码文本 |
<sup></sup> |
上标 |
<sub></sub> |
下标 |
<small ></small > |
呈现小号字体效果 |
<i></i> |
斜体 |
< label ></label > |
标签为 input 元素定义标注 |
<em></em> |
斜体 |
<del></del> |
删除线 |
<u></u> |
下划线 |
<textarea></textarea> |
多行文本 |
<select></select> |
下拉列表 |
<tt></tt> |
打字机或者等宽的文本效果 |
< var ></var > |
定义变量 |
行内块级元素：
| 标签 | 描述 |
|---|---|
<img> |
单标签，图像标签 |
<input> |
单标签，文本框 |
<textarea></textarea> |
多行的文本输入标签 |
<button></button> |
按钮标签 |
