５

 表でもう少し凝ったレイアウトをしてみよう！

hyoujun.gif (3488 バイト)

２．

 表に見出しをつけよう！
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

表というのは何かについて並べていることが多いよね、だから見出しはとても大切だね｡
もともと次のタグは、列・行が何のことについて書いているかということを示すためのタグなんだ。

<TH>〜</TH> 　    ・・・・表の見出し

これは実際に見てから説明しよう。

　SOURCE
<HTML>
<HEAD>
<TITLE>テーブル</TITLE>
</HEAD>
<BODY>

<TABLE BORDER>
<TR><TH>果物</TH><TH>野菜</TH></TR>　　　　　　　←赤の<TH>〜</TH>で囲まれた部分は太字で中央にくる。
<TR><TD>りんご</TD><TD>キャベツ</TD></TR>
<TR><TD>みかん</TD><TD>レタス</TD></TR>
</TABLE>

<TABLE BORDER>
<TR><TH>果物</TH><TD>りんご</TD><TD>みかん</TD></TR>　　　　←赤の<TH>〜</TH>で囲まれた部分は太字で中央にくる。
<TR><TH>野菜</TH><TD>キャベツ</TD><TD>レタス</TD></TR>　　　←赤の<TH>〜</TH>で囲まれた部分は太字で中央にくる。
</TABLE>

</BODY>
</HTML>

　

　RESULT 　

果物野菜
りんごキャベツ
みかんレタス

果物りんごみかん
野菜キャベツレタス

ほらね、上のように<TH>〜</TH>で囲まれた部分は太字で中央にきて、見出しのようになるんだよ｡
つまり言い方を変えれば<TH>〜</TH>で囲まれた部分は太字になるということだね。
だから別に見出しとして使わなくても強調のために使ってもいいね。
もし、表の中で”これは野菜です”のように野菜だけ強調したい時はこのタグではできないから太字の<B>〜</B>をつかって、”これは<B>野菜</B>です”のように書くんだよ｡

back.gif (1116 バイト)　表の位置を指定しよう！
next.gif (705 バイト)　表に題名をつけよう！