1. HTMLの基本 レッスン 3/5
最初のHTMLページ
基本的なHTMLページの構造を学び、実際に作成します。
プロンプト
# 基本的なHTMLページの構造を教えて
あなたはHTML指導の専門家です。実践的で分かりやすく説明してください。
## 学習目標：
基本的なHTMLドキュメントの構造を理解し、最初のWebページを作成できるようになる
## 説明してほしい内容：
### 1. HTMLドキュメントの基本構造
- **DOCTYPE宣言**
- **html要素**
- **head要素とbody要素**
### 2. head要素の内容
- **title要素**
- **meta要素**
- **文字エンコーディング**
### 3. body要素の基本
- **見出し要素（h1〜h6）**
- **段落要素（p）**
- **基本的なテキスト要素**
### 4. 実践例
- **最初のHTMLページ作成**
- **ブラウザでの表示確認**
- **よくある間違いと対処法**
## 回答形式：
- ステップバイステップで説明
- 実際に試せる完全なコード
- 各要素の役割を明確に説明
解説
このプロンプトでは、基本的なHTMLドキュメントの構造を学びます。AIの回答に含まれるコードをコピーして、自分のテキストエディタに貼り付け、保存して実行してみましょう。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。