表に見出しセルを表示してみましょう！～表の１列目を見出しセルに～（th要素）

使用例

見出しセルを表の１列目に表示させます。
※直接リンクでこの項目に来た方は、前に説明している「表に見出しセルを表示してみましょう！～表の１行目を見出しセルに～」で表の見出しセルの作成の詳細が説明されていますので、参考にしてください。

記述例
<html> <head> <title>一人暮らしの前向き料理</title> </head> <body> <table border="1"> <tr> <th>１つ目の見出しセル</th> <td>１行目、２つ目のセル</td> <td>１行目、３つ目のセル</td> </tr> <tr> <th>２つ目の見出しセル</th> <td>２行目、２つ目のセル</td> <td>２行目、３つ目のセル</td> </tr> <tr> <th>３つ目の見出しセル</th> <td>３行目、２つ目のセル</td> <td>３行目、３つ目のセル</td> </tr> </table> </body> </html>

このように１行目を th 要素で見出しに指定します。

[表の１行目をth要素で見出しセルにしたブラウザでの表示例]

一人暮らしの前向きな料理

このようにして、表の見出しは作られます。入り組んでいるので、入力ミスに注意しましょう！

関連情報ページ
このタグによく使われるCSS
幅と高さを指定する回り込みを指定する表やセルの枠線を一体化して表示する	マージン/パディング/罫線の指定背景色/背景画像/の指定
その他
HTMLの基礎！	CSSの基礎！

↑さらに更新予定です。

ゼロから始めよう！わかりやすい！ホームページ作成ガイド