Leçon 3: Éléments dans HTML

Un élément HTML est défini par le début d’une balise, du contenu et la fin d’une balise.
Éléments HTML
Un élément HTML se compose généralement le début d’une balise et la fin d’une balise, le contenu étant inséré entre les deux:
<tagname> Le contenu va ici … </tagname>
L’élément HTML est tout, du début de la balise à la fin de la balise :

Début de la balise
Contenu de l’élément
Fin de la balise

<h1>
Ma première rubrique
</h1>

<p>
Mon premier paragraphe.
</p>

<br>

Les éléments HTML sans contenu sont appelés éléments vides. Les éléments vides n’ont pas la fin de la balise, comme l’élément <br> (qui indique un saut de ligne).
Éléments HTML imbriqués
Les éléments HTML peuvent être imbriqués (les éléments peuvent contenir des éléments). Tous les documents HTML sont constitués d’éléments HTML imbriqués. Cet exemple contient quatre éléments HTML:
Exemple
<! DOCTYPE html>
<html>
<body>
<h1> Ma première rubrique </h1>
<p> Mon premier paragraphe. </p>

</body>
</html>
Explications de cette exemple
L’élément <html> définit l’ensemble du document. Il a le début d’une balise <html> et la fin d’une balise </html>. À l’intérieur de l’élément <html> se trouve l’élément <body>. L’élément <body> définit le corps du document. Il a le début d’une balise de <body> et la fin d’une balise </body>. À l’intérieur de l’élément <body> se trouve deux autres éléments HTML: <h1> et <p>. L’élément <h1> définit un en-tête. Il a le début d’une balise <h1> et la fin d’une balise </h1>. Le contenu de l’élément est: My First Heading. L’élément <p> définit un paragraphe. Il a le début d’une balise <p> et la fin d’une balise </p>. Le contenu de l’élément est: Mon premier paragraphe.
N’oubliez pas la fermeture de la balise
Certains éléments HTML s’afficheront correctement, même si vous oubliez la balise de fin:
Exemple
<html>
<body>

<p> Ceci est un paragraphe
<p> Ceci est un paragraphe

</body>
</html>
L’exemple ci-dessus fonctionne dans tous les navigateurs, car la balise de fermeture est considérée comme facultative.

Ne comptez jamais là-dessus. Cela peut produire des résultats inattendus et / ou des erreurs si vous oubliez fermer la balise.
Éléments vides dans HTML
Les éléments HTML sans contenu sont appelés éléments vides. <br> est un élément vide sans fermeture de la balise (la balise <br> définit un saut de ligne):

Exemple
<p> Ceci est un paragraphe <br> avec un saut de ligne. </p>. Les éléments vides peuvent être « fermés » dans l’ouverture de la balise comme ceci: <br />. HTML ne nécessite pas la fermeture d’éléments vides. Mais si vous souhaitez une validation plus stricte ou si vous devez rendre votre document lisible par les analyseurs XML, vous devez fermer correctement tous les éléments HTML. Le HTML n’est pas sensible à la casse. Les balises HTML ne sont pas sensibles à la casse: <P> signifie la même chose que <p>. La norme HTML ne nécessite pas de balises en minuscules, mais la recommandation de l’utilisation de minuscules en HTML et exige des minuscules pour les types de documents plus stricts comme XHTML.

Partager :

Laisser un commentaire Annuler la réponse.