HTML常见标签及块级元素同行内元素的区别

常见块级元素

1.<caption>定义表格标题

2..<dd>定义列表中的定义条目

3.<div>文档中的某一区域

4.<dl>定义列表

5<dt>定义列表的标题

6<form>表单

7.<h1>------<h6>标题的级别

8<hr>水平线，换行不换段

9.<li>列表中的项目

10<ol>有序列表

11<ul>无序列表

12<p>段落标签

13.<table>表格

14.<tbody>表格的主体

15.<tfoot>表格的页脚

16<thead>表格的表头

17.<tr>表格中行

18.<td>表格中的标准单元格

行内块元素：(可以设置宽高)

1input

2.img

3.select

4.textarea

行内元素：

1.<a> 超链接

2.<b>加粗

3.<br>换行

4<i>倾斜

5.<span>行内元素，无特殊含义

6.<sub>下标问本

7<sup>上标文本

可变元素列表（根据上下文语境决定元素为块元素或者行内元素???）

1.button 按钮

2<iframe>创建包含另外一个文档的内联框架

3.<map>客户端图像映射

4.<script>客户端脚本

行内元素与块元素的区别

1.直观上，块元素垂直排列；行内元素在一行排列

2.盒模型的属性不同，行内元素设置width height没用，但可以设置line-height..同时，设置margin padding的上下值无效，可以设置左右

3.块级元素包含行内元素