Web初めてのHTML/CSS
DAY 10/4 完了

HTMLの構造 — 骨組みを読む

🎯 このDayを終えるとできること

要素・タグ・属性・入れ子・セマンティックHTML・基本のフォームを読み書きでき、AIが作ったHTMLの構造を追えるようになる。

  1. 1

    要素・タグ・属性 — ラベル付きの箱

    HTMLの一番小さな部品「要素」を、開きタグ・中身・閉じタグ・属性に分けて読めるようになる。

    設問 3 問

  2. 2

    入れ子(ネスト)と親子関係 — マトリョーシカの構造

    要素の中に要素が入る「入れ子」を理解し、AI生成HTMLの深い階層を親子関係として読み解く。

    設問 3 問

  3. 3

    セマンティックHTML — 意味で名付けるタグ

    header や main など「意味を持つタグ」を知り、AI生成HTMLの各ブロックが何の役割かを名前から読み取る。

    設問 3 問

  4. 4

    リンク・画像・リスト・フォーム — 部品の基本

    a・img・ul/ol・form といった定番部品を読み書きし、入力欄を「受付用紙」としてイメージできるようになる。

    設問 3 問