表の作成
ここで学習するエレメント
TABLEエレメント
THエレメント、TRエレメント、TDエレメント
表の作成
表を作成するには、TABLEエレメントを利用します。以下の順序で作成していきます。
- <TABLE>〜</TABLE>で表の影響範囲を決めます。
- 表の行を作ります。<TR>〜</TR>で囲んだ範囲が表の一行になります。
- 表の列見出しを作ります。<TR>〜</TR>で囲んだ範囲内を<TH>〜</TH>で切っていきます。THエレメント内は、文字が自動的に太字、中央寄せになります。
- 表の列を作ります。<TR>〜</TR>で囲んだ範囲内を<TD>〜</TD>で切っていきます。この単位が表の列（セル）になります。
以上です。この作業を繰り返して表を作成していきます。
<BODY>
<H1>表（テーブル）の作成</H1>
<TABLE BORDER=1>
<TR><TH>見出し１</TH><TH>見出し２</TH><TH>見出し３</TH></TR>
<TR><TD>セル1-1</TD><TD>セル1-2</TD><TD>セル1-3</TD></TR>
<TR><TD>セル2-1</TD><TD>セル2-2</TD><TD>セル2-3</TD></TR>
</TABLE>
</BODY>
ブラウザで参照すると、以下のように表示されます。
表（テーブル）の作成
| 見出し１ | 見出し２ | 見出し３ |
|---|
| セル1-1 | セル1-2 | セル1-3 |
| セル2-1 | セル2-2 | セル2-3 |
TABELエレメントの属性にBORDER があります。これで、表の枠線の太さを指定します。
TABLE,TR,TH,TDには、他にも属性の設定が可能です。詳しくは、「HTMLリファレンス」等の書籍を参照してください。
次へ進む
前に戻る