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