html - HTMLテーブルのセルをマージし、その後「逆マージ」する方法は?

Question

colspan属性がわかりました。そして、私はこれを作ることができました:

┌-----------------------------------------------┐
|       |          |                     |      |
|-------+----------+----------+----------+------|
|       |          |          |          |      |     
|-------+----------+---------------------+------|
|       |          |          |          |      |
|-------+----------+---------------------+------|
|       |          |          |          |      |
└-----------------------------------------------┘

しかし、私が本当にやりたいことは、次のようなものです。

┌-----------------------------------------------┐
|       |          |                     |      |
|-------+----------+----------+----------+------|
|       |          |          |          |      |     
|-------+----------+---------------------+------|
|       |          |          |          |      |
|-------+----------+----------+----------+------|
|                  |                     |      |
└-----------------------------------------------┘

Answer 1

デモ: http://jsfiddle.net/FksE4/1/

<table border="1">
    <tr>
        <td>1</td>
        <td>2</td>
        <td colspan="2">3</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
    </tr>
    <tr>
        <td colspan="2">1</td>
        <td colspan="2">3</td>
        <td>5</td>
    </tr>
</table>

Answer 2

colspanどのセルでも機能しtdますth。正しくカウントする必要があります。

<table>
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td colspan="2"></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="2"></td>
      <td colspan="2"></td>
      <td></td>
    </tr>
  </tbody>
</table>

これにより、説明したテーブルが得られます。