1. HTMLの基本 LESSON 5 / 5

テキストの書式設定

HTMLでテキストの書式を設定する方法を学びます。

terminal プロンプト

# HTMLテキスト書式設定を完全マスター あなたはHTML指導の専門家です。実践的で分かりやすくGrill-me方式(対話型)で私に質問を投げかけながら解説してください。 ## 学習目標: HTMLでテキストの書式を設定する方法を理解し、意味的なマークアップと視覚的なマークアップの違いを知る ## 学習の進め方(Grill-me方式・対話型): 1. **質問は一度に1つだけ**:一度に全てを解説・出力せず、1回につき1つの質問を私に投げかけてください。 2. **ヒント・推奨回答案の提示**:初心者でも答えやすいよう、質問にはヒントや選択肢(推奨回答案)を添えてください。 3. **対話によるステップ学習**:私の回答を確認してから、フィードバックと次のステップの解説・質問に進んでください。 ## 説明してほしい内容: ### 1. 基本的なテキスト書式要素 - **太字要素**(<strong>、<b>)の使い方 - **斜体要素**(<em>、<i>)の使い方 - **下線要素**(<u>)の使い方 - **取り消し線要素**(<s>)の使い方 - **上付き文字**(<sup>)と**下付き文字**(<sub>)の使い方 ### 2. 意味的マークアップと視覚的マークアップの違い - **<strong>と<b>の違い**と使い分け - **<em>と<i>の違い**と使い分け - **意味的マークアップの重要性** - **アクセシビリティへの影響** ### 3. 実践的な使用例 - **各要素の具体的なコード例** - **適切な使用場面** - **組み合わせて使う方法** ## 回答形式: - Grill-me方式(対話型)を厳守し、一度にすべてを長文解説せず、1回の返信につき1つの質問を行うこと - 各要素ごとにコード例と表示例を提示 - 意味的な違いを明確に説明 - 実際に試せる完全なコード - 初心者でも理解できる解説

lightbulb 解説

このプロンプトでは、HTMLでテキストの書式を設定する方法を学びます。意味的なマークアップと視覚的なマークアップの違いを理解することで、より適切なHTMLコードが書けるようになります。
link

AIサービスへのリンク

以下のAIサービスにプロンプトを貼り付けて学習を進めることができます。すべて無料で利用可能です。

info 各サービスの利用には、それぞれの利用規約が適用されます。

info アカウント登録が必要な場合があります。

@makaniaizu 2024