1. HTMLの基本 レッスン 4/5
HTML要素の基本
見出し、段落、リストなどの基本的なHTML要素について学びます。
プロンプト
# HTML基本要素の使い方を教えて
あなたはHTML指導のエキスパートです。実践的で分かりやすく説明してください。
## 学習目標：
HTML基本要素（見出し、段落、リスト）を理解し、適切に使えるようになる
## 説明してほしい内容：
### 1. 見出し要素（h1〜h6）
- **各レベルの役割と使い分け**
- **適切な見出し構造の作り方**
- **SEOとアクセシビリティの観点**
- **コード例と表示例**
### 2. 段落要素（p）
- **段落要素の基本的な使い方**
- **テキストの構造化**
- **コード例と表示例**
### 3. リスト要素
- **順序なしリスト（ul, li）の使い方**
- **順序付きリスト（ol, li）の使い方**
- **それぞれの適切な使用場面**
- **入れ子リストの作り方**
- **コード例と表示例**
### 4. 実践的な使用例
- **これらの要素を組み合わせた例**
- **よくある使用パターン**
- **ベストプラクティス**
## 回答形式：
- 各要素ごとにコード例と表示例を提示
- 実際に試せる完全なコード
- 使い分けの基準を明確に
- 初心者でも理解できる解説
解説
このプロンプトでは、HTMLの基本的な要素の使い方を学びます。AIの回答に含まれるコード例を試して、各要素がどのように表示されるか確認しましょう。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。