縦方向にセルを連結する

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

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

<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デザイン

ランダムピックアップ