大多数 HTML 元素被定义为**块级元素**或**内联元素**。

### 10. 块级元素

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

我们已经学习过的块级元素有: `<h1>`, `<p>`, `<ul>`, `<table>` 等。

> **值得注意的是:** `<p>` 标签中不能包含任何块级元素。

## `<div>` 元素

`<div>` 元素是块级元素，它可用于组合其他 HTML 元素的容器。

`<div>` 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，`<div>` 元素可用于对大的内容块设置样式属性。

`<div>` 元素的另一个常见的用途是文档布局。

> **值得注意的是:** `<div>` 取代了使用表格定义布局的老式方法。

## 内联元素

内联元素在显示时通常不会以新行开始。

我们已经学习过的内联元素有: `<td>`, `<a>`, `<img>` 等。

> **值得注意的是:** `<a>` 标签中不能包含 `<a>` 标签，但可以包含其他任何元素。

## `<span>` 元素

`<span>` 元素是内联元素，可用作文本的容器。`<span>` 元素也没有特定的含义。

当与 CSS 一同使用时，`<span>` 元素可用于为部分文本设置样式属性。

> **值得注意的是:** 内联元素中不能包含块级元素。一般都是块级元素中包含内联元素。