Éléments HTML

Un document HTML est défini par des éléments HTML.

Éléments HTML

Un élément HTML est tout le code entre un balisage de début et un balisage de fin.

Balisage de début Contenu de l'élément Balisage de fin
<p> Ceci est un paragraphe </p>
<a href="default.htm" > Ceci est un lien </a>
<br />

Remarque :Les balisages de début sont souvent appelés balisages ouverts (opening tag), et les balisages de fin sont souvent appelés balisages fermés (closing tag).

Grammaire des éléments HTML

  • Les éléments HTML sont définis parBalisage de débutDébut
  • Les éléments HTML sont définis parBalisage de finTerminaison
  • Contenu de l'élémentC'est le contenu entre le balisage de début et de fin
  • Certains éléments HTML ontContenu vide (contenu vide)
  • Élément videFermez dans le balisage de début(terminé par la fin du balisage de début)
  • La plupart des éléments HTML peuvent avoirAttribut

Astuce :Vous apprendrez plus sur les attributs au chapitre suivant de ce tutoriel.

Éléments HTML imbriqués

La plupart des éléments HTML peuvent être imbriqués (peuvent contenir d'autres éléments HTML).

Un document HTML est constitué d'éléments HTML imbriqués.

Exemple de document HTML

<html>
<body>
<p>Ceci est mon premier paragraphe.</p>
</body>
</html>

L'exemple ci-dessus contient trois éléments HTML.

Explication d'exemple HTML

Élément <p> :

<p>Ceci est mon premier paragraphe.</p>

Ce <p> élément définit un paragraphe dans le document HTML.

Cet élément possède un balisage de début <p> et un balisage de fin </p>.

Le contenu de cet élément est : Ceci est mon premier paragraphe.

Élément <body> :

<body>
<p>Ceci est mon premier paragraphe.</p>
</body>

L'élément <body> définit le corps du document HTML.

Cet élément possède un balisage de début <body> et un balisage de fin </body>.

Le contenu de cet élément est un autre élément HTML (élément p).

<html> Élément :

<html>
<body>
<p>Ceci est mon premier paragraphe.</p>
</body>
</html>

L'élément <html> définit tout le document HTML.

Cet élément possède une balise de début <html> et une balise de fermeture </html>.

Le contenu de l'élément est un autre élément HTML (l'élément body).

Ne pas oublier les balises de fermeture

Même si vous oubliez d'utiliser les balises de fermeture, la plupart des navigateurs afficheront correctement l'HTML :

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

Les exemples ci-dessus devraient fonctionner dans la plupart des navigateurs, mais n'utilisez pas cette méthode. Oublier les balises de fermeture peut entraîner des résultats imprévisibles ou des erreurs.

Remarque :Les versions futures de HTML ne permettront pas d'ommettre les balises de fermeture.

Éléments HTML vides

Les éléments HTML sans contenu sont appelés éléments vides. Les éléments vides sont fermés dans la balise de début.

<br> est un élément vide sans balise de fermeture (la balise <br> définit un saut de ligne).

Dans XHTML, XML et les versions futures de HTML, tous les éléments doivent être fermés.

Ajouter une barre oblique oblique dans les balises de début, par exemple <br />, est la méthode correcte pour fermer les éléments vides, acceptée par HTML, XHTML et XML.

Bien que <br> soit valide dans tous les navigateurs, l'utilisation de <br /> est une meilleure protection à long terme.

Avis HTML : utilisez des balises minuscules

Les balises HTML ne sont pas sensibles à la casse : <P> est équivalent à <p>. De nombreux sites utilisent des balises HTML en majuscules.

CodeW3C.com utilise des balises minuscules, car l'Organisation mondiale du web (W3C) les utilise en HTML 4RecommandéUtilisez des minuscules, et dans les versions futures (X)HTMLObligatoireUtilisez des minuscules.