合并单元格同样也是在表格中进行，关于合并单元格我们需要了解的两个概念：colspan 合并列，rowspan 合并行。

colspan（跨列）

合并列：colspan属性常用在 td 中，用来指定单元格横向跨越的列数。

比如：将下面表格的第一行多个单元格合并为一个统一的单元格命名为“前端开发”

<tr><td colspan="4">前端开发</td></tr>

我们得到的截图如下：

rowspan（跨行）

合并行：rowspan属性也是常用在 td 中，用来指定单元格纵向跨越的行数。

同样跟上面类似的表格4*4，下面是相关操作代码和截图，注释的代码是对应跨越的行数：

<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td rowspan="3">4</td>
</tr>
<tr>
    <td rowspan="2">5</td>
    <td>6</td>
    <td>7</td>
    <!-- <td>8</td> -->
</tr>
<tr>
    <!-- <td>Go</td> -->
    <td>10</td>
    <td>11</td>
    <!-- <td>12</td> -->
</tr>
<tr>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
</tr>

我们可以将上面的简而言之就是：横跨列，纵跨行。上面的是分别单独跨行或跨列（在不同的表格中），同时我们还可以在一个表格中进行跨行和跨列：

<tr>
    <td>1</td>
    <td colspan="3">2</td>
    <!-- <td>3</td> -->
    <!-- <td>4</td> -->
</tr>
<tr>
    <td rowspan="3">5</td>
    <td>6</td>
    <td>7</td>
    <td>8</td>
</tr>
<tr>
    <!-- <td>9</td> -->
    <td>10</td>
    <td>11</td>
    <td>12</td>
</tr>
<tr>
    <!-- <td>13</td> -->
    <td>14</td>
    <td>15</td>
    <td>16</td>
</tr>

动手小练习

0. 编写一个4*4的表格
1. 在第一小题的基础上，进行跨行跨列的变化