Home
HTML&CSS Web制作のインデックス
-各種リファレンスとサンプルコード集-

<< Home / ケータイ index / テーブルタグ / 表にタイトルを付ける
Mobile Index

<CAPTION>
表にタイトルを付ける


対応機種

表にタイトルを付けたいときは、TABLEタグとTRタグの間に、このCAPTIONタグを追加します。


<CAPTION>タイトルの表示</CAPTION>


上記の例では表の上部にタイトルが表示されますが、表の下にタイトルを表示したい場合は、CAPTIONタグALIGN="" を追加して、その中に bottom を指定ます。

<CAPTION ALIGN="bottom">表の下にタイトルを表示</CAPTION>

タイトルはそれぞれ中央に配置されます。


ALIGN="" に使える指定
ALIGN="top" 表の上部にタイトルを表示する(デフォルト)
ALIGN="bottom" 表の下部にタイトルを表示する

ALIGN=""を省略した場合は、タイトルは自動的に表の上部に配置されます。

【使用例】

<TABLE BORDER>
<CAPTION>上にタイトル</CAPTION>
<TR>
<TD>セル1</TD>
<TD>セル2</TD>
</TR>
<TR>
<TD>セル3</TD>
<TD>セル4</TD>
</TR>
</TABLE>

サンプル画面
上にタイトル
セル1 セル2
セル3 セル4

【使用例】

<TABLE BORDER>
<CAPTION ALIGN="bottom">下にタイトル</CAPTION>
<TR>
<TD>セル1</TD>
<TD>セル2</TD>
</TR>
<TR>
<TD>セル3</TD>
<TD>セル4</TD>
</TR>
</TABLE>

サンプル画面
下にタイトル
セル1 セル2
セル3 セル4

使用例のサンプル画面は、携帯電話での表示を想定したおおまかなイメージです。実際とは多少異なる場合があります。

<< 前のページにもどる


<< Home / ケータイ index / テーブルタグ / 表にタイトルを付ける Page Top