テキストの書式設定
テキストを太字、斜体、下線にします
「テキストの書式設定」はCoddyKit上の無料HTML for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはHTML for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 HTML for Kidsコースには全4レッスンが含まれています。
テキストの書式設定
次のレッスンへようこそ！今日は、HTMLでテキストを太字、斜体、下線付きなどに書式設定する方法を学びます。さっそく始めましょう！
テキストを書式設定する理由
テキストの書式設定には、次のような効果があります。
- 重要な情報を強調する。
- Webページを読みやすくする。
- コンテンツの見た目をより魅力的にする。
HTMLでテキストを書式設定するさまざまな方法を見てみましょう！
テキストを太字にする
<strong>タグまたは<b>タグを使うと、テキストを太字にできます。どちらも同じように機能しますが、<strong>は重要なテキストを示すために使います。
例：
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
テキストを斜体にする
<em>タグまたは<i>タグを使うと、テキストを斜体にできます。<em>は強調を加えるために使い、<i>は見た目を整える目的だけで使います。
例：
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
テキストに下線を付ける
<u>タグを使うと、テキストに下線を付けられます。
例：
<p>This is <u>underlined</u> text.</p>
取り消し線付きテキスト
<del>タグまたは<s>タグを使うと、テキストに取り消し線を付けられます。削除されたテキストや誤ったテキストを示すのに便利です。
例：
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
書式の組み合わせ
複数の書式設定タグを組み合わせて、テキストをさまざまな方法でスタイル設定できます。
例：
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
自分で試してみましょう
書式設定したテキストを含むWebページを作成しましょう。例を見てみましょう。
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
よくできました！
おめでとうございます！太字、斜体、下線などを使って、HTMLのテキストを書式設定する方法を学びました。テキストの書式設定は重要なコンテンツを強調し、読みやすさを向上させます。次のレッスンでは、読みやすく整理されたHTMLを書くためのベストプラクティスに進みます。コーディングスキルをさらに磨く準備をしましょう！
よくある質問
「テキストの書式設定」レッスンは無料ですか？
はい。「テキストの書式設定」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、HTML for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 HTML for Kidsコースには全4レッスンが含まれています。
「テキストの書式設定」で何を学びますか？
テキストを太字、斜体、下線にします ブラウザで直接実行するハンズオンコードでHTML for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
HTML for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのHTML for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「テキストの書式設定」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このHTML for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのHTML for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。