×閉じる
よウこソ！ここでは例文を交エて、table、tr、tdにつイて詳シく説明シまス。 この３つのタグは、同時に使ウことがほとんどなので、私たち一家全員で解説シまスよ。 まズ、tableとイウのは表の枠を指定スるタグでス。 残念ながら、私１人では表の枠シか作れなイ為、ただの四角にシか見エまセん。 ソこで、息子と嫁サんの出番とイウわけでス。 表を構成する為には、行を指定するtrと、セルを指定するtdが必要でス。 ソれにtableを組み合わセることで、よウやく表ができるのでス。 とりアエズ、例を挙げまシょウ。下のさンプルを見て下サイ。 左がWeb上で見エる表で、右がソれを構成スるhtmlそーすでス。
[Sample1]
ここが表のセルの中です。
オやオや？これだけではやっぱりただの枠でスね？ 実は、trやtdを複数使ウことで、よウやく表になるんでスよ。 では、まズtdを複数使ウとどのよウな表になるか、下のさンプルを見てみまシょウ。 ここから先は息子の嫁サんにバトンタッチシまス。
[Sample2]
ここが左のセルの中です。 ここが右のセルの中です。
tableさんに代わって、ここからは私tdが説明します。 最初にtableさんが説明しましたが、tdというのはセルを指定するタグです。 縦の列を指定するタグ、と考えると分かりやすいかもしれませんね。 tdは、表を縦に分割したい時に複数使います。 上のサンプルでは２つに分割していますが、分割する数と同じ数だけ<td>〜</td>というセットを、必ず<tr>〜</tr>の間に書いて下さい。 そうでないと迷子になってしまい、表が崩れてしまいますから。 tdの説明については以上です。 次は、trを複数使った場合の例を見て下さい。ここから先はtrさんが説明します。
[Sample3]
ここが上のセルの中です。 ここが下のセルの中です。
おーっす。tdに代わって、ここからはtrが説明するぜ。 親父が最初に言ったが、trってのは行を指定するタグだ。 tdが縦の列を指定するタグなら、trは横の行を指定するタグってことだな。 trは、表を横に分割したい時に複数使うんだ。 上のサンプルでは２つに分割してるけど、分割する数と同じ数だけ<tr>〜</tr>のセットを、<table>〜<table>の間に書かなきゃなんねぇ。 ま、表の外にセルがあるなんて、普通考えたらおかしいだろ？ それじゃあ最後に、今までのまとめとして、trとtdの両方を複数使った例を見てくれ。 親父。締めは任せた！
[Sample4]
ここが左上のセルです。 ここが右上のセルです。 ここが左下のセルです。 ここが右下のセルです。
このよウに、trやtdを複数組み合わセることによって、色々な表を作ることができまス。 trはtableの中に。tdはtrの中に。 この２点サエ押サエてオけば、表は簡単に作れまスよ。 まア、使イ道は限られてまスが、レいあうトの一環とシて使ウのも良イでシょウ。 ゼひ使イこなシて下サイね。便利でスから！
×閉じる