English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Un document HTML est défini par des éléments HTML.
Un élément HTML est défini par tout le code entre l'étiquette de début (start tag) et l'étiquette de fin (end tag).
| Étiquette de début * | Contenu de l'élément | Étiquette de fin * |
| <p> | Ceci est un paragraphe de page web | </p> |
| <a href="index.html"> | Ceci est un lien hypertexte | </a> |
| <br> | Étiquette de saut de ligne |
*L'étiquette de début est souvent appelée étiquette de début (opening tag), et l'étiquette de fin est souvent appelée étiquette de fermeture (closing tag).
Les éléments HTML commencent par une étiquette de début
Les éléments HTML se terminent par une étiquette de fin
Le contenu de l'élément est le contenu entre l'étiquette de début et l'étiquette de fin
Certains éléments HTML ont un contenu vide (empty content)
Les éléments vides sont fermés dans l'étiquette de début (par la fin de l'étiquette de début)
La plupart des éléments HTML peuvent avoir des attributs
Remarque : Vous apprendrez plus sur les attributs dans le prochain chapitre de ce tutoriel.
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.
<!DOCTYPE html> <html> <body> <p>Ceci est le premier paragraphe.</p> </body> </html>
Les exemples ci-dessus contiennent trois éléments HTML.
<p> l'élément :
<p>Ceci est le premier paragraphe.</p>
Ce <p> élément définit un paragraphe dans le document HTML. Cet élément possède une étiquette de début <p> et une étiquette de fermeture </p>. Le contenu de l'élément est : ceci est le premier paragraphe.
<body> l'élément :
<body> <p>Ceci est le premier paragraphe.</p> </body>
<body> l'élément définit le corps du document HTML. Cet élément possède une étiquette de début <body> et une étiquette de fermeture </body>. Le contenu de l'élément est un autre élément HTML (élément p).
<html> l'élément :
<html> <body> <p>Ceci est le premier paragraphe.</p> </body> </html>
<html> l'élément définit tout le document HTML. Cet élément possède une étiquette de début <html> et une étiquette de fermeture </html>. Le contenu de l'élément est un autre élément HTML (élément body).
Même si vous oubliez d'utiliser les balises de fermeture, la plupart des navigateurs affichent correctement HTML :
<p>Ceci est un paragraphe
<p>Ceci est un paragraphe
Les exemples ci-dessus s'affichent correctement dans les navigateurs car la fermeture des balises est optionnelle.
Mais ne dépendez pas de cette pratique. Oublier d'utiliser les balises de fermeture peut entraîner des résultats imprévisibles ou des erreurs.
Les éléments HTML sans contenu sont appelés éléments vides. Les éléments vides sont fermés dans l'étiquette de début.
<br> est un élément vide sans fermeture de balise (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.
Ajoutez une barre oblique oblique dans l'étiquette de début, par exemple <br /> est la méthode correcte pour fermer les éléments vides, acceptée par HTML, XHTML et XML.
Même si <br> est valide dans tous les navigateurs, mais l'utilisation de <br /> La compatibilité sera meilleure, et il est recommandé d'utiliser <br /> Balise de saut de ligne.
Les balises HTML ne sont pas sensibles à la casse : <P> est équivalent à <p>. De nombreux sites utilisent des balises HTML en majuscules.
Le tutoriel de base utilise des balises en minuscules, car l'Organisation mondiale du Web (W3C) dans HTML 4 Il est recommandé d'utiliser des minuscules, et dans les versions futures de (X)HTML, l'utilisation des minuscules sera obligatoire.
Il est recommandé d'utiliser des balises en minuscules uniformément lors de la création de pages web.