HTML教程第14课，HTMLdiv和span

HTMLdiv和span

HTML块级元素div和行内元素span

块级元素宽度充满整个浏览器可见区域 ，一般一行只能有一个块级元素 

 行内元素的宽度一般以元素内的文字内容为准 ，块级元素内可以放置多个行内元素

实例

先看一下块级元素div和行内元素span的特性

程序运行结果：

块级元素div

块级元素会独占一行，默认情况下，宽度会自动填满父元素宽度。因此，多个跨级元素都是从上到下在多行显示的。

块级元素：div, p, form,  ul, li, ol, dl, table ……

行内元素span

行内元素不会独占一行，其宽度随里面的内容而变化，多个行内元素会紧挨着排在一行内，直到一行排不下才会换行

行内元素：span,  strong,  em, br, img, input, label, select, textarea, cite……

HTML 分组标签

我们前面学习了那么多标签，我们下一节会教大家怎么利用那些标签来做个简单的网页布局