モックン☆彡の部屋

今回はたくさん タグ が出てきているし、少しむずかしいけれど、がんばりましょう。

いきなりだけど、 テーブル（TABLE） って何？

ご飯を食べるときの テーブル なの？と思うかもしれないけど、

実は同じようなものです。食事をする時を思いうかべてください。

テーブル の上におかずやらご飯、飲み物などを置くでしょ。

その土台となるのが テーブル で、どこに何を置くかを決めるのが『 < TR > 』と

『 < TD > 』という タグ なのです。では、具体的な例をみていきましょう！


《例題１》

なにやら色々書きましたが、これが

基本の形

です。

なんだよ～！せっかく テーブル タグ ってのを使ったのに、

普通に『今日は良い天気だ。』と書くのと変わらないじゃん！･･･と思ったあなた！！

テーブル に置く材料が１つしかないから変わらないのです。

次に、ちょっとアレンジして < TABLE > を < TABLE border=1 > としてみましょう。


《例題２》

どう？ふちができて テーブル ぽくなったでしょ！？

『 border=1 』の数字を大きくすると、ふちも太くなるヨ♪

ちなみに、『 border=5 』にするとこんな感じになります。



今度は今までよく分からないで書いていた < TR > と < TD > の タグ なんだけど、

< TR > は 行（よこ）の数 を表し、 < TD > は 列（たて）の数 を表します。

上の 《例題２》 はそれそれ < TR > と < TD > が １つずつ しかないので、

１行（ < TR > １つ）１列（ < TD > １つ） になります。

また、 《例題》 は < TABLE > や < TR > 、 < TD > の タグ がどこで始まって

終わっているのかを分かりやすくするために、空白を入れて行を変えています。

つまり、 《例題２》 は

< TABLE border=1 > < TR > < TD > 今日は良い天気だ。 </ TD > </ TR > </ TABLE >

と１行で書いても一緒です。

ただ、 注意をしなくてはいけないのは 、必ず < TR > の タグ を先に書く事です。

< TABLE > → < TR > → < TD > の順番で始まって、

</ TD > → </ TR > → </ TABLE > の順番で終わります。

また、ページに書く時に『自動改行（初心者向け）』へチェックが入っていると、

変な空白ができてしまうので『自動改行なし（<BR>タグで指定）』の方で

ページを作る事をオススメします。

では、最後に 行（よこ） や 列（たて） をもっと増やしてみましょう！！


《例題３》

また、 < TD > は

左から順番

にならびます。

上に書いてある タグ と結果をみくらべれば分かりやすいと思います。

< TR > は 行（よこ）の数 、 < TD > は 列（たて）の数 と言うのが

分かってきたかな？


タグをコピーして使う場合は、全角のスペースは半角にするか、削除して下さい