HTML Éléments
Un élément HTML est défini par une balise de début, du contenu et une balise de fin.
HTML Éléments
L'élément HTML comprend tout, de la balise de début à la balise de fin :
Exemples de quelques éléments HTML :
<p>Mon premier paragraphe.</p>
| Balise de début | Contenu de l'élément | Balise de fin |
|---|---|---|
| <h1> | Mon premier titre | </h1> |
| <p> | Mon premier paragraphe. | </p> |
| <br> | aucun | aucun |
Remarque : Certains éléments HTML n'ont aucun contenu (comme l'élément
). Ces éléments sont appelés éléments vides. Les éléments vides n'ont pas de balise de fin !
Éléments HTML imbriqués
Les éléments HTML peuvent être imbriqués (cela signifie que les éléments peuvent contenir d'autres éléments).
Tous les documents HTML sont constitués d'éléments HTML imbriqués.
L'exemple suivant contient quatre éléments HTML (<html>, <body>, <h1> et <p>):
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
</body>
</html>
Try it Yourself »
Exemple expliqué
L'élément <html> est l'élément racine et définit l'ensemble du document HTML.
Il a une balise de début <html> et une balise de fin </html>.
Ensuite, à l'intérieur de l'élément <html> se trouve un élément <body> :
<body>
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
</body>
L'élément <body> définit le corps du document.
Il a une balise de début <body> et une balise de fin </body>.
Ensuite, à l'intérieur de l'élément <body> se trouvent deux autres éléments : <h1> et <p>:
<h1>Mon premier titre</h1>
<p>Mon premier paragraphe.</p>
L'élément <h1> définit un en-tête.
Il a une balise de début <h1> et une balise de fin </h1>:
<h1>Mon premier titre</h1>
L'élément <p> définit un paragraphe.
Il a une balise de début <p> et une balise de fin </p>:
<p>Mon premier paragraphe.</p>
Ne sautez jamais la balise de fin
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>
Try it Yourself »
Cependant, ne vous y fiez jamais ! Des résultats inattendus et des erreurs peuvent survenir si vous oubliez la balise de fin !
Éléments HTML vides
Les éléments HTML sans contenu sont appelés éléments vides.
La balise <br> définit un saut de ligne et est un élément vide sans balise de fermeture :
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 n'exige pas de balises minuscules, mais le W3C recommande les minuscules en HTML et exige les minuscules pour les types de documents plus stricts comme XHTML.
Chez W3Schools, nous utilisons toujours des noms de balises en minuscules.
HTML Référence de la balise
La référence des balises de W3Schools contient des informations supplémentaires sur ces balises et leurs attributs.
| Étiquette | Description |
|---|---|
| <html> | Définir la racine d'un document HTML |
| <body> | Définit le corps du document |
| <h1> à <h6> | Définit les titres HTML |
Pour une liste complète de toutes les balises HTML disponibles, visitez la Référence des balises HTML sur notre site Web W3SchoolsFR. Le meilleur.
HTML - Éléments - Vidéo W3Schools
Cette vidéo explique ce que sont les éléments HTML.
Fait partie d'une série de didacticiels vidéo pour apprendre le HTML pour les débutants !
