Les balises HTML les plus fréquemment utilisées

Cette page présente un ensemble de balises souvent utilisées dans un fichier HTML. Cette liste n'est pas exhaustive.
Pour connaître dans le détail leur rôle et le contexte de leur utilisation, et découvrir les autres balises qui ne sont pas mentionnées dans cette liste, vous pouvez vous référer à la documentation officielle (MDN).

1 - Structure de base d'un fichier HTML

<html>
<head> : en-tête du fichier.
<body> : corps du fichier.

2 - Dans la balise `<head>`

<title> : titre de la page et de la fenêtre.
<meta> : métadonnées. Les différents attributs permettent de les distinguer en précisant leur rôle (description, keywords, etc.).

3 - Dans la balise `<body>`

3.1 - Structure du contenu

<header> : en-tête.
<main> : contenu principal.
<footer> : pied de page.
<nav> : élément de navigation.
<article> : contenu qui peut être autonome.
<section> : pour séparer différents thèmes dans une même page.
<adress> : contiens les informations de contact.
<h1> à <h6> : niveaux de titre.

3.2 - Contenu textuel : balises de type bloc

<p> : paragraphe.
<ul> avec en complément <li> : liste non ordonnée.
<ol> avec en complément <li> : liste ordonnée.
<dl> avec en complément <dt> et <dd> : liste de définition.
<blockquote> : bloc de citation.
<figure> : contenu graphique autonome.
<figcaption> : légende pour contenu graphique autonome.
<hr> : trait de séparation pour rupture de thème.
<br> : retour à la ligne.

3.3 - Contenu sémantique : balises de type en ligne

<a> : lien hypertexte.
<strong> : important.
<em> : emphase.
<q> : courte citation dans une phrase.
<cite> : titre d'une œuvre.
<code> : fragment de code informatique.
<abbr> : abréviation.
<dfn> : terme faisant l'objet d'une définition.
<sub> : texte en indice.
<sup> : texte en exposant.
<small> : commentaire (mentions légales, droit d'auteur).
<time> : période temporelle.

3.4 - Image et média

<img> : image.
<audio> : contenu sonore.
<map> : carte géographique.
<area> : zone cliquable (lien) dans une carte géographique.
<video> : lecteur multimédia capable de lire des vidéos.

3.5 - Indicateurs de modifications

<del> : texte supprimé (barré).
<ins> : texte rajouté.

3.6 - Les tableaux

<table> : tableau.
<thead> : ligne(s) d'en-tête.
<th> : une ligne d'en-tête.
<tfoot> : ligne(s) de pied.
<tbody> : ligne(s) du corps.
<tr> : une ligne du corps.
<td> : une cellule d'une ligne.
<caption> : légende.

3.7 - Les formulaires

<form> : contenu des éléments de formulaire.
<input> : éléments du formulaire. Un grand nombre d'attributs associés à cette balise permet d'insérer différents types d'élément, comme des champs de saisie, des cases à cocher, des boutons radio, etc.
<select> : menu déroulant.
<textarea> : champ de saisi d'un grand volume de texte (> 256 caractères).
Vous trouverez plus d'information sur les éléments de formulaire dans la cette rubrique de la documentation officielle (MDN)