next up previous
Next: 残りの時間の課題 Up: 実習2: テーブル(表)の作成 Previous: HTMLの骨組みを作成する

時間割を作成する

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

表作成のタグの使い方

例えば, 第1行に曜日欄を table header tag で並べる場合は, 次のようになります.
<tr>
    <td>  </td> <th>月曜日</th> <th>火曜日</th> <th>水曜日</th>
    <th>木曜日</th> <th>金曜日</th>
</tr>
上の内容を入力したら, C-x C-s で内容を保存し, firefox で 再読み込みをして, どのようになったかを確認します.

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


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


next up previous
Next: 残りの時間の課題 Up: 実習2: テーブル(表)の作成 Previous: HTMLの骨組みを作成する

平成23年6月17日