在HTML中，表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。

一、表格的基本內容

數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。

HTML表格標簽：

先給大家舉個簡單的例子：

<h4>一列:</h4><table border="1">
  <tr>
    <td>100</td>
  </tr></table>
 <h4>一行三列:</h4><table border="1">
  <tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr></table>
 <h4>兩行三列:</h4><table border="1">
  <tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
  </tr>
  <tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
  </tr></table>

最后呈現的結果如圖：

二、合并單元格的方法

1. 跨列合并

關鍵字colspan
如：<td colspan = "2"></td>表示合并將本列和本列的下一列合并；

舉例一：

<table border="1">
  <tr>
    <th>表頭1</th>
    <th>表頭1</th>
    <th>表頭1</th>
  </tr>
  <tr>
    <td>文本11</td>
    <td colspan="2">文本12</td>
  </tr>
  <tr>
    <td>文本21</td>
    <td>文本22</td>
    <td>文本23</td>
  </tr>
  <tr>
    <td>文本31</td>
    <td>文本32</td>
    <td>文本33</td>
  </tr>
  </table>

呈現的結果如圖：

舉例二：

 如果將上例中代碼<td colspan="2">文本12</td>改變?yōu)?
    <td>文本12</td>

<table border="1">
  <tr>
    <th>表頭1</th>
    <th>表頭1</th>
    <th>表頭1</th>
  </tr>
  <tr>
    <td>文本11</td>
    <td>文本12</td>
  </tr>
  <tr>
    <td>文本21</td>
    <td>文本22</td>
    <td>文本23</td>
  </tr>
  <tr>
    <td>文本31</td>
    <td>文本32</td>
    <td>文本33</td>
  </tr>
  </table>

呈現的結果如圖：

舉例三：

 如果將例一代碼<td>文本11</td>
	       <td colspan="2">文本12</td>改變?yōu)?
    	       <td colspan="3">文本11</td>

<table border="1">
  <tr>
    <th>表頭1</th>
    <th>表頭1</th>
    <th>表頭1</th>
  </tr>
  <tr>
     <td colspan="3">文本11</td>
  </tr>
  <tr>
    <td>文本21</td>
    <td>文本22</td>
    <td>文本23</td>
  </tr>
  <tr>
    <td>文本31</td>
    <td>文本32</td>
    <td>文本33</td>
  </tr>
  </table>

呈現的結果如圖：

2. 跨行合并

關鍵字rowspan
如：<td rowspan = "2"></td>表示合并將本行和本行的下一行合并；
方法和跨列合并雷同，就簡單給大家舉一個例子。

<table border="1">
  <tr>
    <th>表頭1</th>
    <th>表頭1</th>
    <th>表頭1</th>
  </tr>
  <tr>
    <td rowspan = "2">文本11</td>
    <td>文本12</td>
    <td>文本13</td>
  </tr>
  <tr>
    <td>文本22</td>
    <td>文本23</td>
  </tr>
  <tr>
    <td>文本31</td>
    <td>文本32</td>
    <td>文本33</td>
  </tr>
  </table>

呈現的結果如圖：

總結：

（1）例一和例二對比得出，只有添加了合并表格關鍵字（colspan或者rowspan）表格才會合并；

（2）例一和例三對比得出，關鍵字后面的數字表示要合并的表格數量；

（3）合并以后的單元格位置的確定：

如合并文本11，文本12，文本13三列，合并以后單元格算為文本11；

如合并文本12，文本13，合并以后單元格算為文本12。