Éléments HTML
Un élément HTML est défini par une balise de début, du contenu et une balise de fin.
Éléments HTML
L' élément HTML est tout, de la balise de début à la balise de fin :
Exemples de certains éléments HTML :
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Remarque : Certains éléments HTML n'ont pas de contenu (comme l'élément <br>). 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>
et <body>
) :<h1>
<p>
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Exemple expliqué
L' <html>
élément est l'élément racine et il 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' <html>
élément, il y a un <body>
élément :
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
L' <body>
élément 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' <body>
élément il y a deux autres éléments :
<h1>
et
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
L' <h1>
élément définit un titre.
Il a une balise de début <h1>
et une balise de fin </h1>
:
<h1>My First Heading</h1>
L' <p>
élément définit un paragraphe.
Il a une balise de début <p>
et une balise de fin </p>
:
<p>My first paragraph.</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>This is a paragraph
<p>This is a paragraph
</body>
</html>
Cependant, ne vous fiez jamais à cela ! Des résultats inattendus et des erreurs peuvent se produire si vous oubliez la balise de fin !
Éléments HTML vides
Les éléments HTML sans contenu sont appelés éléments vides.
La <br>
balise définit un saut de ligne et est un élément vide sans balise fermante :
Exemple
<p>This is a <br> paragraph with a line break.</p>
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 en minuscules, mais le W3C recommande les minuscules en HTML et exige des minuscules pour les types de documents plus stricts comme XHTML.
Chez W3Schools, nous utilisons toujours des noms de balises en minuscules.
Référence des balises HTML
La référence des balises de W3Schools contient des informations supplémentaires sur ces balises et leurs attributs.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .