縦方向にセルを連結する

横で繋げられるなら、縦でも繋げられるハズ・・・。
ということで、繋げましょう。

いつも通り、まずは、いろはにほへとで試します。

<table border="1">
<tr>
<td rowspan="2">い<br>に</td>
<td>ろ</td>
<td>は</td>
</tr>
<tr>
<td>ほ</td>
<td>へ</td>
</tr>
</table>


ほとんど同じですね。”colspan”が”rowspan”へと変化しただけです。

ただ、注意すべき事項が一点。縦に連結するということは、

をまたいで影響を受けます。なので、ひとつ下の

タグ内の

を消す必要がでてきます。

そんな感じですね。 では、本番へ参りましょう。


自分でやってから答え合わせをすることをお勧めします。

では、答え。


以上―!


関連記事

  1. 表を作る

  2. “id”属性と”class”属性

  3. 画像を使わずにセンスある見出しを作る

  4. サーバーを借りる

  5. CSS導入の最後の準備

  6. レンタルサーバーの違い

お手本ナビの無料HPデザイン

ランダムピックアップ