Aller au contenu

Interfaces web

Balises parent et enfant

🧩 Balises parent et enfant en HTML¶

🧠 Définition¶

En HTML, les balises peuvent être imbriquées les unes dans les autres. Cela crée une relation parent-enfant :

Une balise parent contient une ou plusieurs autres balises.
Une balise enfant est incluse à l’intérieur d’une balise parent.

📦 Exemple 1 : paragraphe avec un lien¶

<p>
  Cliquez sur <a href="https://example.com">ce lien</a> pour en savoir plus.
</p>

<p> est la balise parent.
<a> est la balise enfant.

📝 Exemple 2 : liste non ordonnée¶

<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>

<ul> est la balise parent.
Chaque <li> est une balise enfant.

🖼️ Exemple 3 : division contenant un titre et un paragraphe¶

<div>
  <h2>Bienvenue</h2>
  <p>Voici une introduction au HTML.</p>
</div>

<div> est la balise parent.
<h2> et <p> sont des balises enfant.

✅ Comprendre cette relation est essentiel pour structurer correctement une page web.