時間割を作成する

参考書 54, 55ページを参考に時間割を作成します. 終了タグ </table>の上に表の内容をタグで囲みながら追加します.

表作成のタグの使い方

• 行(row or record)の始まりにタグ<tr>(table row or record ) 行の終わりにタグ</tr>を書く.
• 行の各項目(data cell)始まりにタグ<td>(table data cellの略) 終わりにタグ</td>を書く.
• 項目がない場合(空白のCell)の場合でも タグ<td> </td>が必要です. (そうでないと, どのセルが空白なのかわからない.)
• 項目(Cell)の中で見出しにする箇所は, タグ<th>, </th> (table header cellの略, 1行目, 1列目に多くある, 見出しを 表すために使用する)を書きます.

例えば, 第1行に曜日欄を table header tag で並べる場合は, 次のようになります.

<tr>
    <td>  </td> <th>月曜日</th> <th>火曜日</th> <th>水曜日</th>
    <th>木曜日</th> <th>金曜日</th>
</tr>

上の内容を入力したら, 内容を保存し, firefox で 再読み込みをして, どのようになったかを確認します.

2行目以降は, 各自の時間割を1列目は見出しのタグ<th>で, 2列目以降はタグ<td>で囲んで入力して下さい. 実際の作業では, 1行入力毎に Firefox で出来上がり具合を確認して行くと 間違いを見つけやすいでしょう.

注意 上で述べたようにタグ<th>は見出しタグ, <td>は通常データのタグです. この意味を重視してください. Firefox での見た目では, <th>は太字で, <td>は普通の文字で表示されます. だからといって, 表示を強調するために <td>と書くべきところを<th>と書いてはいけません. タグは, その意味をきちんと表すように用いてください. 表示を強調したいと思ったら, スタイルシートを用いてその指示をします.