[新着] Webテンプレートを仮オープンしました
captionタグに align="" を追加すると、表タイトルの表示位置を指定できます。
<caption align="bottom">表のタイトルを表示</caption>
| align="" | top … （表の上部中央に表示します）デフォルト |
|---|---|
| bottom … （表の下部中央に表示します） | |
| left … （左寄りに表示します） | |
| right … （右寄りに表示します） |
※この属性は、HTML4.01では非推奨とされています。
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■位置の指定を行わない場合
<table border="1">
<caption>表のタイトル</caption>
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |
■左にタイトルを表示する場合
<table border="1">
<caption align="left">表のタイトル</caption>
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |
■下部にタイトルを表示する場合
<table border="1">
<caption align="bottom">表のタイトル</caption>
<tr>
<td>サーバーA社</td>
<td>サーバーB社</td>
<td>サーバーC社</td>
</tr>
<tr>
<td>サーバーD社</td>
<td>サーバーE社</td>
<td>サーバーF社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| サーバーA社 | サーバーB社 | サーバーC社 |
| サーバーD社 | サーバーE社 | サーバーF社 |
