楽天広場HTML講座・タテに枠を並べる

2006.07.16

・テーブルをつかう

■ タテに枠を並べる

前回は、ヨコに枠を増やす方法を学びました。
今回は、タテに枠を増やしていきます。

枠をタテに増やす前に、前回の復習を。

前回はここまでやりましたね。

「td」を3つ並べた例：

「<table border="1">
<tr><td>枠ができました</td><td>枠ができました</td><td>枠ができました</td></tr>
</table>」

↓

枠ができました

では、いきますよー！
この枠をタテ2列にしてみましょう。

今度は一行にかかわる「tr」を増やしていくのです。
つまり、「tr」が2つだと2行、3つだと3行になります。

もちろんこのとき「tr」でサンドイッチした「td」もいっしょに増やします。

「tr」を2つ並べた例：

「<table border="1">

<tr><td>枠ができました</td><td>枠ができました</td><td>枠ができました</td></tr>

<tr><td>枠ができました</td><td>枠ができました</td><td>枠ができました</td></tr>

</table>」

↓

枠ができました	枠ができました	枠ができました
枠ができました	枠ができました	枠ができました

このように「tr」（中の「td」もいっしょに）を増やすと、
行を増やしていくことができるのです。

どうです？
おもったより簡単でしょ。

つまり、
「tr」が増える→「行が増える」
「td」が増える→「列が増える」
ということになるのです。

次回はこのテーブルでいろいろ遊んでみましょう

[トップページへ戻る]

[次のページ⇒]

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 07:27:30

[HTMLタグ（テーブル）] カテゴリの最新記事