第1部 HTML — Day 7 / 30

表

<table border="1">
  <tr>
    <th>曜日</th>
    <th>1限</th>
  </tr>
  <tr>
    <td>月</td>
    <td>経営情報</td>
  </tr>
</table>

<tr> が行、<th> が見出しのセル、<td> がデータのセルです。「表の中に行があり、行の中にセルが並ぶ」という入れ子構造になっています。

border="1" は枠線を確認するための仮の指定です。見た目の調整は本来CSSで行います(Day 12 で学びます)。

今日の練習

自分の1週間の時間割(2〜3行でOK)を表にしてみましょう。

模範解答を見る

<table border="1">
  <tr>
    <th>曜日</th>
    <th>1限</th>
    <th>2限</th>
  </tr>
  <tr>
    <td>月</td>
    <td>経営情報</td>
    <td>英語</td>
  </tr>
  <tr>
    <td>火</td>
    <td>経済学</td>
    <td>統計学</td>
  </tr>
</table>

1行目を th(見出しセル)、2行目以降を td(データセル)にするのがポイントです。

理解度チェック

学籍番号と氏名を入力してクイズに正解すると、確認コード付きの提出用画面が表示されます。スクリーンショットを撮って Teams の Class Notebook に提出してください。

学籍番号氏名（フルネーム）

Q. 表の「行」を表すタグはどれでしょうか?

tr td table

Completed

正解です！Day 7 の学習を確認しました

科目	経営情報 2026
教材	プログラミング入門30日 Day 7 表
学籍番号
氏名
提出時間
確認コード

提出時間はサーバー時刻に基づきます。

この画面のスクリーンショットを撮り、Teams の Class Notebook に提出してください。