縦方向にセルを連結する

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

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

<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. ブロックの余白を指定する

  3. 見出しをつける

  4. リンクをする

  5. ヘッダーを作成する

  6. タイトルを装飾する

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

ランダムピックアップ