サンプル・９
テーブル見本
★ サンプル・９ ★
１．表題をつけたテーブル
（ソース）
<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>
<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>
<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.
