ホームページ作成

ホームページ作成講座(13)～tableタグ[2]～

ホームページ作成講座13回目です。
今回もtable関連についてご紹介。
表にタイトルを付けたい！といった時には、captionというタグを使います。
具体的には

<table border="1">
<caption>表のタイトル</caption>
<tr>
<td>その一</td>
<td>その二</td>
</tr>
<tr>
<td>その三</td>
<td>その四</td>
</tr>
</table>

このように、<table>の後ろにcaptionを追加します。
これをブラウザで表示すると、

表のタイトル

その一	その二
その三	その四

このように表示されます。
続いてテーブルのセルの見出しを付けたい場合。
セルを見出しにしたい場合は、tdの変わりに、thと記述します。
具体例としては、

<table border="1">
<tr>
<th>見出し１</th>
<th>見出し２</th>
<th>見出し３</th>
</tr>
<tr>
<td>内容１</td>
<td>内容２</td>
<td>内容３</td>
</tr>
</table>

このように記述し、ブラウザ上では

見出し１	見出し２	見出し３
内容１	内容２	内容３

このように、thで囲まれた部分は太字で表示されます。