メインメニュー


[スポンサードリンク]


テーブルにタイトルを付ける
<CAPTION> 〜 </CAPTION>
<CAPTION align="表示位置"> 〜 </CAPTION>
表示位置:
top テーブルの上 (デフォルト)
bottom テーブルの下

CAPTION要素で、テーブルにタイトル(キャプション)をつけます。
このCAPTION要素は、TABLE要素の開始タグ<TABLE>の直後に指定します。
一般的に、テーブルに対してセンタリング(中央揃え)されて表示されます。
align属性で表示位置を指定しない場合は、テーブルの上部にタイトルが表示されます。
表示位置はalign属性で変更することができますが、この属性はHTMLを使用せず、スタイルシートで指定するように推奨されています。


表示位置の指定なし
見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6

<TABLE border="1">
<CAPTION>表示位置の指定なし</CAPTION>
<TR>
<TH>見出し1</TH>
<TH>見出し2</TH>
<TH>見出し3</TH>
</TR>
<TR>
<TD>データ1</TD>
<TD>データ2</TD>
<TD>データ3</TD>
</TR>
<TR>
<TD>データ4</TD>
<TD>データ5</TD>
<TD>データ6</TD>
</TR>
</TABLE>

テーブルの上に表示
見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6

<TABLE border="1">
<CAPTION align="top">テーブルの上に表示</CAPTION>
<TR>
<TH>見出し1</TH>
<TH>見出し2</TH>
<TH>見出し3</TH>
</TR>
<TR>
<TD>データ1</TD>
<TD>データ2</TD>
<TD>データ3</TD>
</TR>
<TR>
<TD>データ4</TD>
<TD>データ5</TD>
<TD>データ6</TD>
</TR>
</TABLE>

テーブルの下に表示
見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6

<TABLE border="1">
<CAPTION align="bottom">テーブルの下に表示</CAPTION>
<TR>
<TH>見出し1</TH>
<TH>見出し2</TH>
<TH>見出し3</TH>
</TR>
<TR>
<TD>データ1</TD>
<TD>データ2</TD>
<TD>データ3</TD>
</TR>
<TR>
<TD>データ4</TD>
<TD>データ5</TD>
<TD>データ6</TD>
</TR>
</TABLE>