释放双眼，带上耳机，听听看~！
这一节课比较重点，涉及到以后对层级的理解，务必要掌握，一遍看不懂看两遍，多看多练，必须掌握。
块级元素：块级元素标签一个标签占一行的位置空间，后面接着的标签会在另外一行显示。
行内元素：行内元素标签只占用元素显示的位置，显示多长就占用多大的位置，后面的行内元素会紧接着前面的行内元素显示，如果是块级元素的话那还是会换行的。
我们看看下面的例子
<!DOCTYPE html>
<html>
<head>
<title>P标签和<br/>组合用法 - 站宝库 ZhanBaoKu.Com</title><!-- 修改页面标题-->
<meta charset="UTF-8">
</head>
<body>
<div>我是一个块级元素</div>
<p>
我也是一个块级元素
</p>
<strong>
1我是一个行内元素
</strong>
<b>2我也是一个行内元素</b>
</body>
</html>
常见的块级元素
| 块元素 | 说明 |
|---|---|
| div | div层 |
| h1～h6 | 1到6级标题 |
| p | 段落，会自动在其前后创建一些空白 |
| hr | 分割线 |
| ol | 有序列表 |
| ul | 无序列表 |
常用的行内元素
| 行内元素 | 说明 |
|---|---|
| strong | 加粗强调 |
| em | 斜体强调 |
| s | 删除线 |
| u | 下划线 |
| a | 超链接 |
| span | 常用行级，可定义文档中的行内元素 |
| img | 图片 |
| input | 表单 |
总结：
1、HTML元素分为两类一种块级元素，另外一种行内元素。
2、块元素内部可以容纳其他块元素或行内元素，但是行内元素不能容纳块级元素，另外多个行内元素可以在同一行显示。