Les bases du HTML

Publié le 28 novembre 2025 par Michael Leigh

Le HTML, ou HyperText Markup Language, est le langage fondamental du web. Il sert à définir la structure, le contenu et l’organisation des pages que nous consultons chaque jour. Sans HTML, aucun site ne pourrait exister, il est littéralement le squelette de tout document en ligne.

Pourquoi apprendre le HTML ?

Apprendre le HTML est essentiel pour toute personne souhaitant travailler dans le web. Que vous soyez designer, développeur ou simplement curieux, comprendre la structure des pages vous permet de mieux communiquer avec les outils numériques. C’est aussi une bonne porte d’entrée vers d’autres technologies comme la CSS et le JavaScript.

Les balises de base

Les pages HTML utilisent des balises pour encadrer le contenu. Chaque balise a un rôle précis, et certaines peuvent contenir d’autres balises. Voici les plus courantes :

<h1> à <h6> : titres et sous-titres
<p> : paragraphe de texte
<a> : lien hypertexte
<img> : image
<div> et <span> : éléments de structure
<ul> et <li> : listes

Un premier exemple

Voici un petit exemple d’une page HTML complète. Chaque ligne a un rôle bien précis :

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <title>Ma première page</title>
  </head>
  <body>
    <h1>Bonjour le monde !</h1>
    <p>Ceci est ma première page web écrite en HTML.</p>
  </body>
</html>

Les attributs

Les balises HTML peuvent contenir des attributs qui donnent des informations supplémentaires. Par exemple, la balise <img> utilise souvent les attributs src (source de l’image) et alt (texte alternatif). Les attributs sont placés dans la balise ouvrante :

<img src="../images/logo.png" alt="Logo du site">

Bonne pratique : séparer le fond et la forme

Une bonne pratique du web moderne est la séparation entre le contenu (HTML) et la présentation (CSS). Cela rend les sites plus faciles à maintenir, plus accessibles et plus rapides à charger.

Conclusion

Le HTML est simple à apprendre mais puissant. Avec quelques balises bien choisies, il est possible de créer une structure claire et lisible. Dans les articles suivants, nous verrons comment la CSS permet d’ajouter du style, et comment le JavaScript apporte de l’interactivité.

← Retour aux articles