表にタイトルを付ける

[新着] Webテンプレートを仮オープンしました


<caption>

ブラウザ
Internet Explorer Netscape Firefox Opera

captionタグで、表にタイトルを付けられます。


<caption>表のタイトルを表示</caption>


captionタグで指定したタイトルは、表の上部中央に表示されます。

【captionタグの記述位置】

このタグは、tableタグの直下に記述します。

グループ化の指定を行っていない場合

tableタグtrタグの間に記述します。

<table>
<caption>表のタイトル</caption>
<tr>
<td>表の内容</td>
</tr>

グループ化の指定を行っている場合

tableタグtheadタグの間、またはtableタグcolgroupタグの間に記述します。

<table>
<caption>表のタイトル</caption>
<thead>
<tr>
<td>表の内容</td>
</tr>

または、

<table>
<caption>表のタイトル</caption>
<colgroup>
<tr>
<td>表の内容</td>
</tr>


使用例

<table border="1">
<caption>表のタイトル</caption>
<tr>
<td>Web作成A社</td>
<td>Web作成B社</td>
<td>Web作成C社</td>
</tr>
<tr>
<td>Web作成D社</td>
<td>Web作成E社</td>
<td>Web作成F社</td>
</tr>
</table>

これをブラウザで見ると次のように表示されます

表のタイトル
Web作成A社 Web作成B社 Web作成C社
Web作成D社 Web作成E社 Web作成F社


[特集] レンタルサーバー比較 & サーバー選びのチェックポイント

サイト内検索について - ベーシック版