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

100万ポイント山分け！1日5回検索で1ポイントもらえる

000000

HOME | DIARY | PROFILE

2006.07.16

テーマ：ホームページ作成の悩み(550)

カテゴリ： HTMLタグ（テーブル）

・テーブルをつかう

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

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

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

「 td 」 を3つ並べた例：

「&LT;table border="1"&GT;
&LT;tr&GT;&LT;td&GT;枠ができました&LT;/td&GT; &LT;td&GT;枠ができました&LT;/td&GT; &LT;td&GT;枠ができました&LT;/td&GT; &LT;/tr&GT;
&LT;/table&GT;」

↓

枠ができました

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

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

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

「 tr 」 を2つ並べた例：

「&LT;table border="1"&GT;

&LT;tr&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;/tr&GT;

&LT;tr&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;td&GT;枠ができました&LT;/td&GT;&LT;/tr&GT;

&LT;/table&GT;」

↓

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

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

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

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

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

[ トップページへ戻る ]

[ 次のページ⇒ ]

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