HTML基礎講座　表を作りましょうpart2

part2では、表のセルを横方向につなげる方法を学びます。

横方向につなげる

まずは、基本の表を簡単に作ってそれからつなげていきます。

今回の基本の表は次の通りです。

<table border="1">
    <tr>
        <th>セル1</th>
        <th>セル2</th>
    </tr>
    <tr>
        <td>セル3</td>
        <td>セル4</td>
    </tr>
    <tr>
        <td>セル5</td>
        <td>セル6</td>
    </tr>
</table>

表示させるとこうなります。

では、表を横方向につなげていきましょう。今回は、セル1と2をつなげます。

書き方はこうです

<table border="1">
    <tr>
        <th colspan="2">セル1+セル2</th>
    </tr>
    <tr>
        <td>セル3</td>
        <td>セル4</td>
    </tr>
    <tr>
        <td>セル5</td>
        <td>セル6</td>
    </tr>
</table>