サンプル・９

テーブル見本

★　サンプル・９　★

１．表題をつけたテーブル

（ソース）

<TABLE border="2" width="500">
<CAPTION>表題</CAPTION>
　<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>

（表示例）

１行１列め １行２列め １行３列め
表題
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

２．表題の位置

■ 表題の位置を右側に設定

（ソース）

<TABLE border="2" width="500">
<CAPTION align="right">表題</CAPTION>
　<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>

（表示例）

１行１列め １行２列め １行３列め
表題
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

■ 表題の位置を左側に設定

上のソースで、align属性の値を「left」にすると

１行１列め １行２列め １行３列め
表題
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

■ 表題の位置を下部に設定

上のソースで、align属性の値を「bottom」にすると

１行１列め １行２列め １行３列め
表題
２行１列め
 ２行２列め ２行３列め
３行１列め
 ３行２列め ３行３列め

※　初期値では、表題は表上部の中央に表示されます。ブラウザの中にはleftとrightの値に未対応のものがあります。


© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: