head标签用于定义文档的头部，它是所有头部元素的容器，在<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等，文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系，这些标签<base>, <link>, <meta>, <script>, <style>, 以及 <title>需要存放在head里面。
body元素定义文档的主体，包含文档的所有元素，比如文本、超链接、图像、表格和列表等等
主要是表现形式的不同，行内标签占据一行中的部分位置，块级标签占据一整行，这块，只要熟记哪些是行内标签，哪些是块级标签即可。
更重要的是，设置css可以改变其行内/块级的行为，譬如 float，display: block/inline-block/inline
div标签可以用来区分段落
HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。