1. HTMLの基本 レッスン 5/5
テキストの書式設定
HTMLでテキストの書式を設定する方法を学びます。
プロンプト
# HTMLテキスト書式設定を完全マスター
あなたはHTML指導の専門家です。実践的で分かりやすく説明してください。
## 学習目標:
HTMLでテキストの書式を設定する方法を理解し、意味的なマークアップと視覚的なマークアップの違いを知る
## 説明してほしい内容:
### 1. 基本的なテキスト書式要素
- **太字要素**(<strong>、<b>)の使い方
- **斜体要素**(<em>、<i>)の使い方
- **下線要素**(<u>)の使い方
- **取り消し線要素**(<s>)の使い方
- **上付き文字**(<sup>)と**下付き文字**(<sub>)の使い方
### 2. 意味的マークアップと視覚的マークアップの違い
- **<strong>と<b>の違い**と使い分け
- **<em>と<i>の違い**と使い分け
- **意味的マークアップの重要性**
- **アクセシビリティへの影響**
### 3. 実践的な使用例
- **各要素の具体的なコード例**
- **適切な使用場面**
- **組み合わせて使う方法**
## 回答形式:
- 各要素ごとにコード例と表示例を提示
- 意味的な違いを明確に説明
- 実際に試せる完全なコード
- 初心者でも理解できる解説
解説
このプロンプトでは、HTMLでテキストの書式を設定する方法を学びます。意味的なマークアップと視覚的なマークアップの違いを理解することで、より適切なHTMLコードが書けるようになります。
AIサービスへのリンク
以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。
ChatGPT
OpenAIが提供する人気のAIチャットサービス。無料版は利用可能です。
Google Gemini
Googleが提供するAIチャットサービス。無料で利用できます。
Claude
Anthropicが提供するAIチャットサービス。無料版は利用可能です。
※ 各サービスの利用には、それぞれのサービスの利用規約が適用されます。
※ サービスによっては、アカウント登録が必要な場合があります。