传统的网页布局方式------使用 table 表格
其实表格，原来是用于保存数据的，保存这种格式清晰的数据。
布局-----table -----改用 div
布局思想-----排版-----
1、从大到小排版
2、从左往右排版，从上向下----按人视觉
表格
因为表格中可以包含任何内容，所以在使用DIV+CSS之前，网页设计师是使用表格对网页内容进行排版与布局的
表格基本结构：
<table>......</table> ------定义表格
<tr>......</tr> -----定义表行
<td>......</td> -----定义表列（单元格）
<th>......</th> -----定义标题栏（文字加粗）
表格的属性：<table>
属性 用途
<table bgcolor=""> 设置表格的背景色
<table background=""> 设置表格的背景图片
<table border=""> 设置边框的宽度，若不设置此属性，则边框默认宽度为0。
<table cellpadding=""> 设置表格单元格与其内容之间空间的大小，默认为2（表格距）
<table cellspacing=""> 设置表格单元格之间空间的大小，默认为2（单元格间距）
<table bordercolor=""> 设置表格边框的颜色
<table bordercolorlight=""> 设置表格亮部分的颜色（当border的值大于等于1才有用）
<table bordercolordark=""> 设置表格暗部分的颜色（当border的值大于等于1才有用）
<table align=""> 设置表格的对齐方式（left=左，center=居中，right=右）
<table width=""> 设置表格的宽度，单位用绝对像素值或者总宽度的百分比
<table>标签下的边框设置
属性值 说明
void 不要显示表格的边线
above 只要显现出表格的上边线
frame below 只要显现出表格的下边线
该属性必须在 hsides 只要显现出表格的上下边线
border的属性 vsides 只要显现出表格的左右边线
值为0的状态下！lhs 只要显现出表格的左边线
rhs 只要显现出表格的右边线
border/box 会显现出表格的所有边线
rows 只显示出横行的格框线
cols 只显示出直行的格框线
rules all 显示全部的格框线
groups 表示列组合水平部分
none 不 显示任何格框线
行的属性：<tr>
属性 用途
<tr width=""> 设置行的宽度
<tr height=""> 设置行的高度
<tr bgcolor=""> 设置行的背景颜色
<tr align=""> 设置水平对齐方式
<tr valign=""> 设置垂直对齐方式[ top、middle、bottom ]
列（单元格）的属性：<td>
属性 用途
<td width=""> 设置单元格的宽度
<td height=""> 设置单元格的高度
<td bgcolor=""> 设置单元格的背景颜色
<td background=""> 设置单元格的背景图片
<td align=""> 设置单元格的水平对齐方式
<td valign=""> 设置单元格的垂直对齐方式
<td rowspan=""> 设置行合并的数目
<td colspan=""> 设置列合并的数目
<td nowarp="nowrap"> 设置在单元格中不换行
表格的结构化
（1）、结构化格式
<table>
<thead>......</thead> ----表头区
<tbody>......</tbody> ----表体区
.........
<tfoot>......</tfoot> ----表尾区
</table>
（2）、直列化格式
<colgroup>......</colgroup>
属性值 说明
left 靠左
align center 靠中
right 靠右
top 靠上
valign middle 靠中
bottom 靠下
span 数字 直列数
bgcolor 颜色 背景颜色
个别直列设置
格式：<col>功能完全和<colgroup>一样
（3）、表格的标题：
<table>
<caption>......</caption>
</table>
<caption>下的属性值有：
属性值 说明
align top 标题在表格上方
bottom 标题在表格下方
合并的思想：当将多个内容，合并时，就会有多余的东西，删除
例如：有三列 3个td，当合并时，就需要删除，2个
合并单元格，就是删除多余的 td
立体表格效果，其实就是将，表格的亮边框与暗边框颜色进行对比
******表格自身有边框 -------单元格自身也有边框
********细线表格效果公式
【1】、将表格自身的border=0
【2】、给表格设置背景颜色====细线颜色
【3】、给表格设置、单元格之间的距离（cellspacing）===细线粗细
*****当<td></td>之间没有内容时，默认是不显示边的