HTML Éléments
Un élément HTML est défini par une balise d'ouverture, un contenu et une balise de fermeture.
Éléments HTML
L'élément HTML élément englobe tout ce qui se trouve entre la balise d'ouverture et la balise de fermeture :
Exemples de quelques éléments HTML :
| Balise d'ouverture | Contenu de l'élément | Balise de fermeture |
|---|---|---|
| <h1> | Mon Premier Titre | </h1> |
| <p> | Mon premier paragraphe. | </p> |
| <br> | aucun | aucun |
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 fermeture !
É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 se composent 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> Exemple Expliqué
L'élément <html> est l'élément racine et il définit l'ensemble du document HTML.
Il a une balise d'ouverture <html> et une balise de fermeture </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 d'ouverture <body> et une balise de fermeture </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 titre.
Il a une balise d'ouverture <h1> et une balise de fermeture </h1> :
<h1>Mon Premier Titre</h1> L'élément <p> définit un paragraphe.
Il a une balise d'ouverture <p> et une balise de fermeture </p> :
<p>Mon premier paragraphe.</p> Ne Jamais Oublier la Balise de Fermeture
Certains éléments HTML s'afficheront correctement, même si vous oubliez la balise de fermeture :
Exemple
<html>
<body>
<p>Ceci est un paragraphe
<p>Ceci est un paragraphe
</body>
</html> Cependant, ne comptez jamais là-dessus ! Des résultats inattendus et des erreurs peuvent survenir si vous oubliez la balise de fermeture !
É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 :
Exemple
<p>Ceci est un <br> paragraphe avec un saut de ligne.</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 ne nécessite pas de balises en minuscules, mais le W3C recommande les minuscules en HTML et exige les minuscules pour des types de documents plus stricts comme XHTML.
Sur formation-ti.org, nous utilisons toujours des noms de balises en minuscules.
Référence des Balises HTML
La référence des balises de formation-ti.org contient des informations supplémentaires sur ces balises et leurs attributs.
| Balise | Description |
|---|---|
| <html> | Définit 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 notre Référence des Balises HTML .