html块 布局
可通过<div>和<span>将html元素组合起来。
Html块元素
大多数html元素被定义为块级元素或内联元素。
块级元素在浏览器显示时，通常会以新行来开始(和结束)。例<h1><p><ul><table>
html内联元素
内联元素在显示时通常不会以新行开始。例<b><td><a><img>
html<div>元素
html<div>元素元素是块级元素，意味着它的内容自动的开始一个新行，他是可用于组合其他html元素的容器，<div>元素没有特定的含义，浏览器会在其前后显示折行。
<div>元素的另一个常见的用途是文档布局。可以把文档分割为独立的、不同的部分。<table>元素的作用是显示表格化的数据。
html<span>元素
html<span>元素是内联元素，可用作文本的容器，<span>也没有特定的含义，当与CSS一块使用时，<span>可用于为部分文本设置样式属性。
| 标签 | 描述 |
| <div> | 定义文档中的分区或节 |
| <span> | 定义span，用来组合文档中的行内元素 |
文档中的一个部分会显示绿色(div)：
This is a header
This is a paragraph.
This is a header
This is a paragraph.
网页布局：
大多数网站会把内容安排到多个列中(像杂志或报纸)。可以用<div>或者<table>元素来创建多列。
即使可以使用html表格来创建布局，但设计表格的目的是呈现表格化数据，表格不是布局工具。
