Webサイトを作ろう！（HTML編）

6. 表

1. 表を作るタグ

表を作る場合、最初と最後に<table>と</table>のタグを記述します。
表の1行には、最初と最後に<tr>と</tr>のタグを記述します（「tr」は「table row（表の行）」の略）。
ひとつひとつのセルの前後は、<td>と</td>のタグを記述します。「td」は「table date（表のデータ）」の略です。
セルの内容がデータではなく見出しの場合、セルの前に<th>と</th>のタグを記述します。「th」は「table header（表の見出し）」の略です。


<table>
　　　<tr>

　　　　　　<th> 1月 </th>

　　　　　　<td> 課題実力考査，大学入試センター試験 </td>

　　　</tr>
　　　<tr>

　　　　　　<th> 2月 </th>

　　　　　　<td> 図書館文化講座，生徒会長選挙，卒業式 </td>

　　　</tr>
　　　<tr>

　　　　　　<th> 3月 </th>

　　　　　　<td> 3月考査，球技大会，終業式 </td>

　　　</tr>

</table>

表のサンプル（線なし）

これだとピンとこないので、最初の<table>のタグを<table border="1" >と、少し記述を加えます。以下が表示結果です。

表のサンプル（線あり）

スタイルシートで線をつけることもできます。

2. 練習問題3

「練習問題3」をクリックしてください。
ブラウザのメニューバーの[表示]＞[ソース]をクリックしてください。
メモ帳のメニューバーの[ファイル]＞[名前をつけて保存]をクリックしてください。
マイドキュメントの「web」フォルダに、ファイル名はそのまま（「practice03.html」）で保存してください。
メモ帳で「practice03.html」ファイルに、表のタグを正しく記述してください（最初のタグは<table border="1" >にすること）。
[マイドキュメント]＞「web]＞[practice03.html]のアイコンをダブルクリックして、以下のように表示されるか確認してみましょう。

練習問題3の完成サンプル

←2-5 リスト　　 Topページ　　 2-7 画像→