1. 表格的定义
<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或 <td> 元素组成表格结构；其中： <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。
为了让表格更美观，我们会用到：border，colspan，rowspan，align，bgcolor 等来美化表格，具体在本文都有讲解；
2. 表格的标签
在HTML定义表格的时候，有以下标签供我们使用
3. 单元格边框(border)
表格边框：在使用<table border="1"></table> 的方式来定义，其中：数字表示边框的宽度，单位为像素；以下举三个边框的例子；
<!--无边框--> <table> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> </tr> <tr> <td>1</td> <td>马里奥</td> <td>男</td> </tr> <tr> <td>2</td> <td>桃花公主</td> <td>女</td> </tr> </table> <br> <!--边框宽度为2--> <table border="2"> <tr> <th> 编号 </th> <th>姓名</th> <th>性别</th> </tr> <tr> <td>1</td> <td>马里奥</td> <td>男</td> </tr> <tr> <td>2</td> <td>桃花公主</td> <td>女</td> </tr> </table> <br> <!--边框宽度为10--> <table border="10"> <tr> <th> 编号 </th> <th>姓名</th> <th>性别</th> </tr> <tr> <td>1</td> <td>马里奥</td> <td>男</td> </tr> <tr> <td>2</td> <td>桃花公主</td> <td>女</td> </tr> </table>
上述代码效果：
4. 合并单元格
合并单元格时，合并行使用：colspan=“2”； 合并列使用：rowspan=“2” （这里的 ‘2’ 表明合并两个单元格），举例如下：
4.1 合并行单元格(colspan)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML表格合并单元格--张凯</title> </head> <body> <h4>合并行单元格：</h4> <table border="1"> <caption>通讯录</caption> <tr> <th>姓名</th> <th colspan="2">邮箱</th> </tr> <tr> <td>zhang kai</td> <td>123456@qq.com</td> <td>123456@163.com</td> </tr> </table> </body> </html>
上述代码效果：
