在 HTML 文档里边，在head的闭标签之后，我们只能有一个东西： body 元素。
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
就像 head 和 html 标签一样，在一个页面里边，我们只能有一个 body 标签。
在 body 标签中，我们有定义页面内容的所有标签。
从技术上讲，开始标签和结束标签都是可选的 但我认为添加它们是一个很好的做法。力求清晰可见（Just for clarity）。
说白了，这是让内容有结构有组织哈，同时也是方便我们添加CSS哈！我们看作文的时候，知道缩进两格是个段落，但浏览器可没有我们人类那么智能，它可不会认为这一坨文字就是个段落，所以我们需要给内容一些标记，让浏览器知道这内容是个段落，这内容是个列表，这内容是个图片……
在接下来的章节中，我们将定义在页面正文（body）中可以使用的各种标签。
但在此之前，我们必须介绍块元素和内联元素之间的区别。
视觉元素（Visual elements），即页面正文（page body）中定义的元素，通常可以分为两类：
p , div , heading elements, lists and list items,…）a , span , img , …）话说，这二者有区别吗？
块级元素在页面中定位（positioned）时，不允许其它元素紧挨着它们。不管是在它的左边，还是右边。
我只想做条安静的单身狗……
内联元素可以放在其他内联元素旁边。
单身狗想了想还是美女如云好……
区别还在于我们可以使用 CSS 编辑元素的视觉属性（visual properties）。
我们可以改变块级元素的「width/height」，「margin」，「padding」、「border」。但不能对内联元素也同样这么做。
请注意，使用 CSS 我们可以更改每个元素的默认值，例如，将
p标签搞为内联，或者将span搞为块级元素。
另一个区别是内联元素可以包含在块元素中。反之则不成立。
某些块元素可以包含其它块元素，但这要视情况而定。例如，p标签就不允许有这种选项（option，设置）。