入れ子構造と終了タグ
CoddyのHTMLジャーニー「基礎」セクションの一部。レッスン 4/60。
HTMLでは、入れ子とは、ある要素を別の要素の中に配置することを意味します。たとえば、段落内のテキストを太字にするために、<strong>タグを<p>タグの中に入れることができます。
このようになります：
<p>This is <strong>bold</strong> text.</p>終了タグは重要です。すべての開始タグには対応する終了タグが必要です。
終了タグは開始タグと同じですが、タグ名の前にスラッシュ（/）があります。たとえば、<p>は段落を開始し、</p>は段落を終了します。
不正なネストは、レンダリングの問題を引き起こす可能性があります。タグは必ず正しい順序で閉じるようにしてください。内側のタグは外側のタグより先に閉じる必要があります。
正しいネスト：
<p>This is <strong>bold</strong> text.</p>誤った入れ子：
<p>This is <strong>bold text.</p></strong>
チャレンジ
簡単段落要素を含む HTML ドキュメントが与えられています。段落内で、"important" という単語の周囲を <strong> 要素でネストしてください。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<p>This is an important message.</p>
</body>
</html>
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
基礎のすべてのレッスン
自分で練習してみよう: Webプレイグラウンド