HTML 块级元素

HTML块：块级元素（block level element）或内联元素（inline element）被用来定义HTML标记语言中的大多数HTML元素。

1、块级元素

举例：<h1>, <p>, <ul>, <table>等。说明：块级元素在浏览器显示时，通常会以新行来开始（和结束）。

2、内联元素

举例：<b>, <td>, <a>, <img>等。说明：一般情况下内联元素在显示时通常不会以新行开始。

实际上，在HTML标记语言中，我们可以利用<div>、<span>来把HTML元素组合起来，所以在一个网页中如果你查看网页的源代码，你会发现有大量的div或者是span元素，都是十分有层级的。

3、HTML标记语言中的<div>元素

<div>是块级元素，我们通常称其为层，实际上在很久以前编者参与动易CMS组织的关于DIV+CSS的培训时，记得培训老师说的最深刻的一句话是：如何去理解DIV层呢？我们可以这样认为，DIV层之间是一个大盒子装小盒子的情况。我们把外层的DIV叫做大盒子，把内嵌的DIV叫做小盒子。按照大盒子能装小盒子而小盒子不能装大盒子的规律去嵌套DIV层，然后通过CSS样式来美化布局DIV层就会让整个网页看起来整洁美观。

对于DIV元素。有的资料是这样解释的“<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。”。

在以前，纵观很多网页都是用表格table来布局的，其实table布局如果嵌套很多的话，看起来也很凌乱，出现问题也不好解决，况且，使用table元素对文档布局也不是表格的正确用法，所以到后来很多网页都逐步用div+css的方式来重新布局网页了。实际上table元素的作用是对表格化的数据进行显示，而文档布局采用div+css是最好的了。

4、HTML标记语言中<span>元素

<span>元素实际上是用作文本的容器，是内联元素。编者查过很多资料，没有发现<span>元素有特定的含义。而<span>大多数情况下是与CSS一起，对部分文本设置样式而已。

5、HTML分组标签