HTML中的块元素和内联元素

1.块元素

• 块元素是指会独占一行的元素。无论它的内容有多少，它都会独占一行。
• 常见的块元素：div p h1 h2 h3...
• div块元素是没有任何语义的，不会为它里边的元素设置任何的默认样式。主要是用来对页面进行布局的。

<div style="background-color:red; width: 200px;">
我是一个div
</div>

2.内联元素（行内元素）

• 行内元素，指的是只占自身大小的元素，不会占用一行。
• 常见的行内元素： a img iframe span
• span没有任何语义，它专门用来选中文字，为文字设置样式。

<span>我是一个span标签</span>

小结：

• 块元素主要用来做页面的布局。内联元素主要用来选中文本并设置样式。
• 一般只使用块元素去包含内联元素，而不会使用内联元素去包含块元素。
• a元素可以包含任意元素，除了它本身。
• p元素不可以包含任何块元素。