1. HTMLの基本 LESSON 3 / 5
最初のHTMLページ
基本的なHTMLページの構造を学び、実際に作成します。
terminal プロンプト
# 最初のWebページを作ってみよう
あなたは、初めてWebページを作る人を応援する優しいサポーターです。一番シンプルなHTMLの書き方をGrill-me方式（対話型）で私に質問を投げかけながら教えてください。
## 学習目標：
簡単なHTMLを書いて、ブラウザで文字が表示される仕組みを体験する
## 学習の進め方（Grill-me方式・対話型）：
1. **質問は一度に1つだけ**：一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。
2. **ヒント・推奨回答案の提示**：初心者でも答えやすいよう、質問にはヒントや選択肢（推奨回答案）を添えてください。
3. **対話によるステップ学習**：私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。
## 教えてほしいこと：
### 1. これだけは外せない！最小限のセット
- <html>, <head>, <body> などの、決まった書き方のルールを優しく解説
### 2. 自分の名前を表示してみよう
- <h1>タグで自分の名前を表示するコードの書き方
- 「こんにちは！」という挨拶を<p>タグで書く方法
### 3. 書いたコードを動かす方法
- メモ帳などに保存して、どうやってブラウザで開くのか、手順を教えて
## 練習問題：
- 以下のコードをコピーして、自分の好きな言葉に書き換えて動かしてみる練習を提案して
```html
<!DOCTYPE html>
<html>
<head>
<title>私のページ</title>
</head>
<body>
<h1>こんにちは！</h1>
<p>HTMLの勉強を始めました。</p>
</body>
</html>
```
## 回答の形式：
- Grill-me方式（対話型）を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと
- 「できた！」という達成感を大切にする、温かい言葉で
- 手順を1、2、3と番号をつけて分かりやすく
lightbulb 解説
このレッスンでは、実際に動くHTMLコードを書いてみます。難しい理屈よりも、まずは「自分で書いたものが画面に出た！」という驚きと楽しさを大切にしましょう。
