<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
</head>
<body>
<table border="1">
<caption>整个表表头</caption>
<!-- border 表格边框-->
<!--
table 定义表格
caption 定义表格标题
th 定义表格表头
tr 定义表格的行
td 定义表格的单元
thead 定义表格页眉
tbody 定义表格主体
tfoot 定义表格的页脚
col 定义表格的列属性
-->
<tr>
<!-- 表头th-->
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
</table>
<table border="1">
<tr>
<td>
表格1
</td>
<td>
表格2
</td>
</tr>
<tr>
<td>
<ul>
<li>苹果</li>
<li>苹果</li>
<li>苹果</li>
</ul>
</td>
<td>
我想吃
</td>
</tr>
</table>
<table border="1" cellpadding="10" cellspacing="10" background="picture.jpg">
<!-- cellpadding 单元格内容与边框距离-->
<!-- cellspacing 单元格之间的距离-->
<tr>
<td>444</td>
<td>444</td>
<td>444</td>
</tr>
<tr>
<td>4444</td>
<td>4444</td>
<td>4444</td>
</tr>
</table>
</body>
</html>
原文：http://www.cnblogs.com/xiezefeng/p/4490686.html