tdタグの代わりにthタグを使用すると、見出しのセルを作成できます。
<th>見出しのセル</th>
thタグに囲まれた文字は太字になり、セルの中央に表示されます。
細かい設定方法は、tdタグと同じになります。
■1行目を見出しに指定する場合
<table border="1" width="500">
<tr>
<th>Web制作</th>
<th>サーバー</th>
<th>SEO対策</th>
</tr>
<tr>
<td>Web制作A社</td>
<td>サーバーA社</td>
<td>SEO対策A社</td>
</tr>
<tr>
<td>Web制作B社</td>
<td>サーバーB社</td>
<td>SEO対策B社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| Web制作 | サーバー | SEO対策 |
|---|---|---|
| Web制作A社 | サーバーA社 | SEO対策A社 |
| Web制作B社 | サーバーB社 | SEO対策B社 |
■左の列を見出しに指定する場合
<table border="1" width="500">
<tr>
<th>Web制作</th>
<td>Web制作A社</td>
<td>Web制作B社</td>
</tr>
<tr>
<th>サーバー</th>
<td>サーバーA社</td>
<td>サーバーB社</td>
</tr>
<tr>
<th>SEO対策</th>
<td>SEO対策A社</td>
<td>SEO対策B社</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| Web制作 | Web制作A社 | Web制作B社 |
|---|---|---|
| サーバー | サーバーA社 | サーバーB社 |
| SEO対策 | SEO対策A社 | SEO対策B社 |
