縦方向にセルを連結する

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

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

<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. 2カラムを指定する

  3. メニューをデザインする

  4. サーバーを借りる

  5. 骨格を作る言語HTML

  6. 見出しをつける

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

ランダムピックアップ