4.9 块元素和行内元素

HTML元素根据表现形式，可以分为2类(任何HTML元素都属于这两类中的其中一类)：
（1）块元素（block）；
（2）行内元素（inline）；

一、块元素

块元素在浏览器默认显示状态下将占据整行，排斥其他元素与其位于同一行。块元素一般为矩形，可以容纳行元素和其他的块元素。
div          div层
h1～h6  1到6级标题
p            段落，会自动在其前后创建一些空白
hr           分割线
ol           有序列表
ul           无序列表

块元素的特点是：
（1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；
（2）块元素内部可以容纳其他块元素或行元素；

二、行内元素

行内元素 说明
strong     加粗强调
em          斜体强调
s             删除线
u             下划线
a             超链接
span      常用行级，可定义文档中的行内元素
img          图片
input        表单

行内元素的特点是：
（1）可以与其他行内元素位于同一行；
（2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果；