縦方向にセルを連結する

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

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

<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. 文法に則ったHTML記述

  3. 写真をあれこれ装飾する

  4. 入門を終えたあなたがプロ並みのウェブデザインを構築できるあらゆる理由

  5. ページ全体を装飾する

  6. リストに画像を指定する

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

ランダムピックアップ