4.9　行内元素和块级元素

在HTML文档中，i、em、b、strong、a、img和span等元素称为行内元素（Inline Element），或内联元素。h1、h2、h3、h4、h5、h6、p、ul、ol、li和div等元素称为块级元素（Block-Level Element）。

【例4-9】　行内元素和块级元素。HTML代码如下：

上述HTML代码在IE浏览器中的视觉效果如图4-11所示。

图4-11　行内元素和块级元素

如图4-11所示，如果a、img和span等行内元素在HTML文档中依次出现，则行内元素中的内容在网页的同一行中从左向右依次排列。而h1、p和div等块级元素中的内容在网页中独占一行。

行内元素可以包含内容和其他的行内元素，但不能包含块级元素。

通常情况下，块级元素（尤其是div元素）可以包含其他的块级元素，也可以包含行内元素，还可以包含文本内容。但也有例外，例如，p、h1、h2、h3、h4、h5、h6等块级元素一般不包含其他的块级元素。

在HTML文档中，经常使用div元素来定义分区（division），并使其包含其他的块级元素或行内元素。使用div元素，可以把Web浏览器窗口划分为独立的、不同的矩形区域，每一矩形区域用于实现特定的功能。