モックン☆彡の部屋

テーブルでせいとん２（低）

テーブルでせいとん２（低）

今回使うタグ
< TH ></ TH > 、 < CAPTION ></ CAPTION >

今回はからは テーブル タグ本来の使い方である表を書いてみましょう。

下の 《例題》 は < TABLE > や < TR > 、 < TD > などのタグが

どこで始まって終わっているのかを分かりやすくするために、

空白を入れて行を変えています。

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

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

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

《例題１》

実際に書くもの

｜

結果

< TABLE border=1 >
< TR >
< TD > 名前 </ TD >
< TD > 年齢 </ TD >
< TD > 性別 </ TD >
</ TR >
< TR >
< TD > ぶらっく </ TD >
< TD > ２９ </ TD >
< TD > 不明 </ TD >
</ TR >
< TR >
< TD > ドラえもん </ TD >
< TD > －１００ </ TD >
< TD > 男 </ TD >
</ TR >
</ TABLE >

→

名前	年齢	性別
ぶらっく	２９	不明
ドラえもん	－１００	男

この様に書くとタグがどこで始まって終わるのか分かりやすいでしょ♪

次に、名前、年齢、性別が書いてある < TD > タグ を < TH > タグ 、

</ TD > タグ を </ TH > タグ に変えてみると下のようになります。

《例題２》

実際に書くもの

｜

結果

< TABLE border=1 >
< TR >
< TH > 名前 </ TH >
< TH > 年齢 </ TH >
< TH > 性別 </ TH >
</ TR >
< TR >
< TD > ぶらっく </ TD >
< TD > ２９ </ TD >
< TD > 不明 </ TD >
</ TR >
< TR >
< TD > ドラえもん </ TD >
< TD > －１００ </ TD >
< TD > 男 </ TD >
</ TR >
</ TABLE >

→

名前	年齢	性別
ぶらっく	２９	不明
ドラえもん	－１００	男

どうです？ 《例題１》 と 《例題２》 で何か変わりましたか？ （；￢＿￢）ぁゃι ぃ

**《例題１》**
名前	年齢	性別
ぶらっく	２９	不明
ドラえもん	－１００	男

**《例題２》**
名前	年齢	性別
ぶらっく	２９	不明
ドラえもん	－１００	男

よく見ると、名前、年齢、性別の文字が

太く

なってるでしょ？

『 < TH ></ TH > 』タグは 見出し という意味があり、

文字を太く

してくれるのです。

そして、さらによく見ると、文字が真ん中に寄ってるでしょ！？　 ！Σ（￣□￣;）

つまり、『 < TH ></ TH > 』タグは

文字を太く

してくれると同時に

文字を中央

にそろえてくれるのです。

ちなみに、『 < TH ></ TH > 』タグを使わなくても太くしたい文字を

『 < B ></ B > 』タグで囲めば文字は太くなります。

では、せっかく表を作ったのだから、今度は表に題名をつけてみましょう。

表に題名をつけるには、『 < CAPTION ></ CAPTION > 』タグを使います。

このタグは < TABLE > タグ の次に書くと分かりやすいでしょう。

《例題３》

実際に書くもの

｜

結果

< TABLE border=1 >
< CAPTION >
不思議な生き物
</ CAPTION >
< TR >
< TH > 名前 </ TH >
< TH > 年齢 </ TH >
< TH > 性別 </ TH >
</ TR >
< TR >
< TD > ぶらっく </ TD >
< TD > ２９ </ TD >
< TD > 不明 </ TD >
</ TR >
< TR >
< TD > ドラえもん </ TD >
< TD > －１００ </ TD >
< TD > 男 </ TD >
</ TR >
</ TABLE >

→