HTML

C’est quoi le HTML ? Le langage des pages web expliqué

11 juillet 2026 · par Romain RICHER

Chaque page web que vous consultez, y compris celle-ci, repose sur un socle commun : le HTML. C’est la brique de base du web, la première chose qu’on apprend quand on s’initie au développement web. Mais qu’est-ce que le HTML exactement ? Est-ce un langage de programmation ? À quoi ressemble-t-il, et comment fonctionne-t-il ? Cet article vous propose une présentation claire et accessible, même si vous n’avez jamais touché à une ligne de code.

Les informations reflètent la situation en 2026. Les fondamentaux du HTML présentés ici sont stables et universels.

Qu’est-ce que le HTML ?

HTML est l’abréviation de HyperText Markup Language, que l’on peut traduire par « langage de balisage hypertexte ». C’est le langage qui sert à structurer le contenu d’une page web : définir qu’un texte est un titre, un autre un paragraphe, insérer des images, des liens, des listes, des tableaux, des formulaires. En somme, le HTML décrit ce que contient une page et comment ce contenu est organisé.

Le HTML a été inventé en 1989 par Tim Berners-Lee, un chercheur du CERN, pour permettre aux scientifiques de partager des documents reliés entre eux — d’où la notion d’« hypertexte », ces liens qui permettent de sauter d’un document à l’autre. C’est cette invention qui a donné naissance au World Wide Web. La version actuelle, HTML5 (arrivée en 2014), a modernisé le langage avec la prise en charge native de l’audio, de la vidéo et un balisage plus riche.

Un point important : le HTML n’est pas un langage de programmation

C’est une confusion très fréquente qu’il faut lever d’emblée. Le HTML est un langage de balisage (markup), pas un langage de programmation. La différence est fondamentale : un langage de programmation comme Python ou PHP contient de la logique — des conditions, des boucles, des calculs. Le HTML, lui, ne fait que décrire une structure. Il ne « calcule » rien, ne prend aucune décision : il dit simplement « ceci est un titre, ceci est un paragraphe, ceci est une image ».

C’est un peu comme la différence entre le plan d’une maison (le HTML : où sont les pièces, les murs, les portes) et l’électricité qui la fait fonctionner (un langage de programmation : la logique, le comportement). Cette distinction n’enlève rien à l’importance du HTML — sans lui, aucune page web n’existerait — mais elle situe bien son rôle.

Le principe des balises

Tout, en HTML, repose sur les balises (en anglais, tags). Une balise est un mot-clé encadré par des chevrons < et >. La plupart des balises fonctionnent par paire : une balise ouvrante et une balise fermante (qui contient un /), entre lesquelles on place le contenu. Par exemple, pour définir un paragraphe :

<p>Ceci est un paragraphe.</p>

Ici, <p> ouvre le paragraphe, </p> le ferme, et le texte au milieu est le contenu. On appelle l’ensemble un élément. Quelques balises courantes donnent une idée du principe :

<h1> à <h6> : les titres, du plus important (h1) au moins important (h6).
<p> : un paragraphe de texte.
<a> : un lien hypertexte vers une autre page.
<img> : une image.
<ul> et <li> : une liste et ses éléments.
<strong> : un texte important (affiché en gras).

Une règle d’or : les balises doivent être correctement imbriquées. Une balise ouverte à l’intérieur d’une autre doit être fermée avant elle. Écrire <p><strong>texte</p></strong> est incorrect ; la forme juste est <p><strong>texte</strong></p>. La question à se poser en permanence : « ai-je bien refermé toutes les balises que j’ai ouvertes, et dans le bon ordre ? »

Les attributs

Les balises peuvent recevoir des attributs, qui apportent des informations supplémentaires. Un attribut s’écrit dans la balise ouvrante, sous la forme nom="valeur". L’exemple le plus courant est le lien, dont l’attribut href indique la destination :

<a href="https://exemple.fr">Cliquez ici</a>

Cette balise crée un lien cliquable affichant « Cliquez ici » et menant vers l’adresse indiquée. De même, une image utilise l’attribut src (la source du fichier) et alt (un texte alternatif, important pour l’accessibilité et le référencement).

À quoi ressemble une page complète ?

Voici la structure de base de tout document HTML. Chaque partie a son rôle :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Ma première page</title>
</head>
<body>
  <h1>Bonjour !</h1>
  <p>Ceci est un <strong>paragraphe</strong> avec un <a href="https://exemple.fr">lien</a>.</p>
  <ul>
    <li>Premier élément</li>
    <li>Deuxième élément</li>
  </ul>
</body>
</html>

Décryptons les éléments essentiels :

<!DOCTYPE html> : indique au navigateur qu’il s’agit d’une page HTML moderne (HTML5).
<html lang="fr"> : la racine du document ; l’attribut lang précise la langue, utile pour l’accessibilité et les moteurs de recherche.
<head> : l’en-tête, qui contient des informations sur la page mais non visibles directement — comme l’encodage des caractères (<meta charset="UTF-8">, essentiel pour les accents) et le <title>, le titre affiché dans l’onglet du navigateur et dans les résultats de recherche.
<body> : le corps, qui contient tout le contenu visible de la page.

Cette structure est le squelette universel de toute page web. Enregistrée dans un fichier avec l’extension .html et ouverte dans un navigateur, elle s’affiche comme une vraie page.

HTML, CSS, JavaScript : le trio du web

Le HTML ne travaille presque jamais seul. Il forme un trio avec deux autres technologies, et comprendre leur répartition des rôles est essentiel :

HTML : la structure. Il définit le contenu et son organisation (les titres, les paragraphes, les images).
CSS (Cascading Style Sheets) : la présentation. Il gère l’apparence — couleurs, polices, disposition, mise en page responsive (adaptée aux mobiles). Le HTML dit « ceci est un titre » ; le CSS dit « les titres sont bleus et centrés ».
JavaScript : le comportement. C’est le vrai langage de programmation du trio, qui rend la page interactive (réagir à un clic, valider un formulaire, mettre à jour du contenu sans recharger).

L’analogie classique : si une page web était un être humain, le HTML serait le squelette, le CSS les vêtements et l’apparence, et JavaScript les muscles qui permettent le mouvement. Les trois se complètent pour créer les sites modernes.

Le HTML sémantique : écrire un code qui a du sens

Un dernier concept important, et une bonne pratique moderne. HTML5 a introduit des balises sémantiques qui décrivent le rôle du contenu, et non juste son apparence : <header> (en-tête), <nav> (navigation), <main> (contenu principal), <article>, <section>, <footer> (pied de page). Utiliser ces balises plutôt que des <div> génériques partout présente de vrais avantages : une meilleure accessibilité (les lecteurs d’écran pour personnes malvoyantes comprennent la structure) et un meilleur référencement (les moteurs de recherche saisissent mieux l’organisation de la page). C’est la marque d’un HTML bien écrit en 2026.

En résumé

Le HTML, en quelques idées clés :

C’est le langage de balisage qui structure le contenu des pages web — la base de tout le web.
Ce n’est pas un langage de programmation : il décrit une structure, sans logique ni calcul.
Il fonctionne avec des balises (souvent par paires) et des attributs, qu’il faut correctement imbriquer.
Une page type s’articule autour de <!DOCTYPE>, <html>, <head> et <body>.
Il forme un trio avec le CSS (l’apparence) et JavaScript (l’interactivité).

Le HTML est la porte d’entrée idéale vers le monde du développement web : simple à comprendre, immédiatement visible dans un navigateur, et présent absolument partout. Et comme toujours, le meilleur moyen d’apprendre est de créer sa propre page et d’expérimenter — un simple éditeur de texte et un navigateur suffisent pour commencer.