块元素和行内元素
HTML元素根据表现形式，可以分为2类：
- （1）块元素（block）；
- （2）行内元素（inline）；
任何HTML元素都属于这两类中的其中一类。
2、块元素特点：
- （1）独占一行，排斥其他元素跟其位于同一行，包括块元素和行内元素；
- （2）块元素内部可以容纳其他块元素或行元素；
3、行内元素特点：
- （1）可以与其他行内元素位于同一行；
- （2）行内内部可以容纳其他行内元素，但不可以容纳块元素，不然会出现无法预知的效果。
在这里，所谓的“独占一行”并不是在代码中独占一行，而是在浏览器显示效果中独占一行。
| 块元素 | 说明 |
|---|---|
| div | div层 |
| h1～h6 | 1到6级标题 |
| p | 段落，会自动在其前后创建一些空白 |
| hr | 分割线 |
| ol | 有序列表 |
| ul | 无序列表 |
| 行内元素 | 说明 |
|---|---|
| strong | 加粗强调 |
| em | 斜体强调 |
| s | 删除线 |
| u | 下划线 |
| a | 超链接 |
| span | 常用行级，可定义文档中的行内元素 |
| img | 图片 |
| input | 表单 |