制作网页时，要合理规划网页布局。比如，在网页中添加一个表格，可分为上、中、下三部分，上部存放网页标题或LOGO图片，中间部分是整个网页的主体内容，底部就是相关制作信息。此外，单元格里还可再添加单元格，将内容分类别、分层次合理规划。
表格标签--table
是一个双标签。一个表格中包含<table>、<tr>、<td>三个基本元素。首标签<table>和尾标签</table>表示一个表格的开始和结束。'tr=table row'用于表示一行的开始和结束,'td=table data'用来表示行中个单元格的开始和结束。
| 单元格内容 | 单元格内容 |
| 单元格内容 | 单元格内容 |
表格的标题--caption
有一种特殊的单元格叫做标题单元格，位于表格的第一行，标题单元格是没有边框的，默认居中显示。
表格的标题
表格边框--border
默认情况下，表格不显示边框。为了更好的区分内容，可以设置表格边框宽度大小，
表格内文字与边框的距离--cellpadding
默认情况下，文字紧贴边框。通过cellpadding可以调整文字与边框之间的距离
表格中单元格之间的距离--cellspacing
表格中单元格之间的距离也可以变化。
单元格背景图像--background
小白 默认情况下的表格
| 中国 | 北京 | 1949年10月1日 |
| 缅甸 | 内比都 | 1948年1月4日 |
设置属性后的表格
| 中国 | 北京 | 1949年10月1日 |
| 缅甸 | 内比都 | 1948年1月4日 |
行合并属性--rowspan
在制作一些复杂的表格时，需要用到单元格合并
单元格行合并
| 基础科目 | 数学 |
| 外语 | |
| 政治 | |
| 专业课 | 100 |
列合并属性--colspan
在制作一些复杂的表格时，需要用到单元格合并
单元格列合并
| 西安 | ||
| 长安区 | 雁塔区 | 碑林区 |
| 新城区 | 高新区 | 莲湖区 |
表格的嵌套
一个表格内部包含其他标签，用表格来排版页面，可以使页面各个部分互不冲突，整体结构优美。
表格嵌套
| 昙花 |  | | |||
| 浏览器 | 百度 |
|
