两大元素分别是head元素和body元素。
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> 元素的作用是显示表格化的数据。