Les éléments HTML sont utilisés pour donner une structure à un document HTML. Ils informent le navigateur de la manière dont les contenus intégrés doivent être traités.

HTML Element : qu’est-ce que c’est ?

Un élément HTML est un composant d’un document HTML qui indique au navigateur comment traiter un contenu. Il commence généralement par une balise d’ouverture <> et se termine par une balise de fermeture </>. Entre les deux balises se trouve le contenu ou la portée de l’élément. La balise d’ouverture donne une instruction sur la manière de procéder avec le contenu, et la balise de fermeture conclut cette instruction. Les éléments HTML sont utilisés pour le formatage, les particularités sémantiques et la reproduction du contenu.

Hébergement Web
Hébergement Web de pointe au meilleur prix
  • 3x plus rapide, 60 % d'économie
  • Haute disponibilité >99,99 %
  • Seulement chez IONOS : jusqu'à 500 Go inclus

Syntaxe d’un élément HTML

La structure de base d’un élément HTML est presque toujours la même. La syntaxe se présente comme suit :

<tagname>Ici se trouve le contenu ou la portée de l’élément</tagname>
html

La balise ouvrante <tagname> indique de quel type d’élément il s’agit. Il est suivi du contenu ou de la portée de l’élément, puis de la balise de fermeture </tagname>, qui termine l’instruction.

HTML Element vs HTML Tag : quelle est la différence ?

Les tags ou balises HTML sont un composant essentiel d’un élément HTML. Une balise d’ouverture marque le début d’un élément et une balise de fermeture marque sa fin. Ensemble, elles constituent un élément HTML complet.

HTML Element : exemple

L’exemple suivant a pour but d’illustrer le fonctionnement d’un élément HTML. L’utilisation d’un élément HTML intégré supplémentaire est également illustrée. Chaque document HTML utilise cette imbrication, qui crée une structure hiérarchique. Dans le code suivant, nous utilisons quatre éléments HTML différents : <html>, , <h1> et <p> :

<!DOCTYPE html>
<html>
<body>
<h1>Ceci est une headline</h1>
<p>Voici un paragraphe</p>
</body>
</html>
html

L’élément <html> définit l’ensemble du fichier en tant que document HTML. Tous les autres contenus sont encadrés dans cet élément. Vient ensuite l’élément <body>, qui contient le contenu visible du document. Les éléments HTML <h1> et <p> sont inclus dans cet élément. <h1> indique au navigateur d’interpréter le contenu comme heading HTML du niveau hiérarchique le plus élevé. L’élément <p> introduit une section de contenu.

Particularité : les éléments HTML vides

Il existe quelques éléments HTML qui n’ont pas besoin de contenu ni de balise de fermeture ; ce sont des éléments autofermants. Il s’agit entre autres du saut de ligne HTML <br>. Celui-ci est uniquement initié par une balise ouvrante, mais est néanmoins considéré comme un élément HTML. Dans l’exemple suivant, vous pouvez voir comment il est utilisé à l’intérieur d’un autre élément HTML :

<!DOCTYPE html>
<html>
<body>
<p>Il s’agit d’un paragraphe <br>
avec un retour à la ligne.</p>
</body>
</html>
html

Aperçu des éléments HTML importants

Lorsque vous travaillez sur des documents HTML, vous aurez besoin de nombreux éléments HTML. Voici quelques-uns des plus importants :

Elément HTML Description
<html> Définit le type de document comme HTML
<head> Indique les informations qui ne sont pas affichées dans le navigateur
<title> Désigne le méta-titre de la page
<base> Indique l’URL de référence
<body> Désigne tous les contenus qui doivent être affichés par le navigateur
<h1>, <h2>, <h3>, … Désigne un titre
<p> Marque une section de contenu
<ul> Introduit une liste non-ordonnée
<ol> Définit une liste numérotée
Conseil

Vous voulez en savoir plus sur ce langage de balisage populaire ? Dans notre tutoriel HTML pour débutants, nous avons rassemblé pour vous les principaux conseils et astuces pour débuter.

Cet article vous a-t-il été utile ?
Aller au menu principal