# ホームページ制作初級者｜HTMLでページの骨組みを作る

## 学習目標
意味のあるHTMLで見出し・本文・リスト・構造を作り、見た目だけの区切りと区別する。

## 1. HTMLの骨組み

課題：サンプルでlang、charset、titleを見つけ、タブの表示名を変更する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 2. 見出しと本文

課題：店名をh1、メニューとアクセスをh2、その下の説明をpで作る。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 3. リストを含む本文

課題：メニュー3件をul、来店までの道順をolで記述する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 4. 意味のある構造

課題：サンプルへmainとsectionを作り、各sectionに見出しとidを付ける。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 5. HTML読解と修正記録

課題：終了タグを一つ欠いた例と正常例を比べ、要素ツリーが変わる理由を記録する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：

## 6. 骨組み完成版HTML

課題：スタイルを外した状態で構造を説明し、見出しと順序を修正する。

前提・環境：

手順：

期待結果：

実際の結果：

根拠・未確認：

レビューと修正：