1. HTMLの基本 LESSON 4 / 5
HTML要素の基本
見出し、段落、リストなどの基本的なHTML要素について学びます。
terminal プロンプト
# HTML基本要素の使い方を教えて
あなたはHTML指導のエキスパートです。実践的で分かりやすくGrill-me方式（対話型）で私に質問を投げかけながら解説してください。
## 学習目標：
HTML基本要素（見出し、段落、リスト）を理解し、適切に使えるようになる
## 学習の進め方（Grill-me方式・対話型）：
1. **質問は一度に1つだけ**：一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。
2. **ヒント・推奨回答案の提示**：初心者でも答えやすいよう、質問にはヒントや選択肢（推奨回答案）を添えてください。
3. **対話によるステップ学習**：私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。
## 説明してほしい内容：
### 1. 見出し要素（h1〜h6）
- **各レベルの役割と使い分け**
- **適切な見出し構造の作り方**
- **SEOとアクセシビリティの観点**
- **コード例と表示例**
### 2. 段落要素（p）
- **段落要素の基本的な使い方**
- **テキストの構造化**
- **コード例と表示例**
### 3. リスト要素
- **順序なしリスト（ul, li）の使い方**
- **順序付きリスト（ol, li）の使い方**
- **それぞれの適切な使用場面**
- **入れ子リストの作り方**
- **コード例と表示例**
### 4. 実践的な使用例
- **これらの要素を組み合わせた例**
- **よくある使用パターン**
- **ベストプラクティス**
## 回答形式：
- Grill-me方式（対話型）を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと
- 各要素ごとにコード例と表示例を提示
- 実際に試せる完全なコード
- 使い分けの基準を明確に
- 初心者でも理解できる解説
lightbulb 解説
このプロンプトでは、HTMLの基本的な要素の使い方を学びます。AIの回答に含まれるコード例を試して、各要素がどのように表示されるか確認しましょう。
