プログラミング入門30日 の Day 7

第1部 HTML

Day 7 表

🎯 今日のゴール table・tr・th・td の入れ子構造を理解して、表を組める。

<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 の提出欄にアップロードしてください。

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

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

問題番号プログラミング入門30日 Day 7
学籍番号
氏名
提出時間
確認コード

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

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