Les éléments HTML sont utilisés pour donner une structure à un document HTML. Ils informent le na­vi­ga­teur 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 na­vi­ga­teur comment traiter un contenu. Il commence gé­né­ra­le­ment 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 ins­truc­tion sur la manière de procéder avec le contenu, et la balise de fermeture conclut cette ins­truc­tion. Les éléments HTML sont utilisés pour le formatage, les par­ti­cu­la­ri­tés sé­man­tiques et la re­pro­duc­tion du contenu.

Hé­ber­ge­ment Web
Hé­ber­ge­ment Web de pointe au meilleur prix
  • 3x plus rapide, 60 % d'éco­no­mie
  • Haute dis­po­ni­bi­lité >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’ins­truc­tion.

HTML Element vs HTML Tag : quelle est la dif­fé­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 cons­ti­tuent un élément HTML complet.

HTML Element : exemple

L’exemple suivant a pour but d’illustrer le fonc­tion­ne­ment d’un élément HTML. L’uti­li­sa­tion d’un élément HTML intégré sup­plé­men­taire est également illustrée. Chaque document HTML utilise cette im­bri­ca­tion, qui crée une structure hié­rar­chique. Dans le code suivant, nous utilisons quatre éléments HTML dif­fé­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 na­vi­ga­teur d’in­ter­pré­ter le contenu comme heading HTML du niveau hié­rar­chique le plus élevé. L’élément <p> introduit une section de contenu.

Par­ti­cu­la­rité : 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 au­to­fer­mants. Il s’agit entre autres du saut de ligne HTML <br>. Celui-ci est uni­que­ment 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 im­por­tants

Lorsque vous tra­vail­lez sur des documents HTML, vous aurez besoin de nombreux éléments HTML. Voici quelques-uns des plus im­por­tants :

Elément HTML Des­crip­tion
<html> Définit le type de document comme HTML
<head> Indique les in­for­ma­tions qui ne sont pas affichées dans le na­vi­ga­teur
<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 na­vi­ga­teur
<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 prin­ci­paux conseils et astuces pour débuter.

Aller au menu principal