Référence des balises HTML
Les éléments HTML que vous utiliserez le plus, groupés par usage. Préférez les balises sémantiques (comme <nav> et <article>) aux <div> génériques quand vous le pouvez — elles améliorent l'accessibilité et le SEO. Pour ranger le balisage, utilisez le formateur HTML.
Mis à jour 2026-07-06
Structure du document
| Balise | À quoi elle sert |
|---|---|
| <html> | Racine du document |
| <head> | Métadonnées : title, link, script (non affichées sur la page) |
| <body> | Le contenu visible de la page |
| <title> | Titre de la page (onglet du navigateur, résultats de recherche) |
| <meta> | Métadonnées comme charset, viewport et description |
| <link> | Lien vers une ressource externe, généralement une feuille de style |
| <script> | Intégrer ou référencer du JavaScript |
| <style> | Intégrer du CSS dans la page |
Texte
| Balise | À quoi elle sert |
|---|---|
| <h1>–<h6> | Titres, du plus au moins important |
| <p> | Un paragraphe de texte |
| <a> | Un lien hypertexte (utilise href) |
| <span> | Conteneur en ligne sans signification propre |
| <strong> | Texte important (gras par défaut) |
| <em> | Texte mis en emphase (italique par défaut) |
| <br> | Un saut de ligne |
| <hr> | Une rupture thématique (ligne horizontale) |
| <blockquote> | Une citation en bloc |
| <code> | Code en ligne |
| <pre> | Texte préformaté (conserve les espaces) |
Listes
| Balise | À quoi elle sert |
|---|---|
| <ul> | Liste non ordonnée (à puces) |
| <ol> | Liste ordonnée (numérotée) |
| <li> | Un élément de liste |
| <dl> | Liste de description (paires terme/définition) |
Liens & médias
| Balise | À quoi elle sert |
|---|---|
| <img> | Une image (utilise src et alt) |
| <video> | Vidéo intégrée |
| <audio> | Audio intégré |
| <svg> | Graphiques vectoriels en ligne |
| <picture> | Images adaptatives avec plusieurs sources |
| <iframe> | Intégrer une autre page dans celle-ci |
Formulaires
| Balise | À quoi elle sert |
|---|---|
| <form> | Un formulaire qui recueille et envoie des saisies |
| <input> | Une saisie sur une ligne (texte, case, radio, etc.) |
| <textarea> | Une saisie de texte multiligne |
| <button> | Un bouton cliquable |
| <select> | Une liste déroulante |
| <option> | Un élément dans un <select> |
| <label> | Une étiquette pour un contrôle de formulaire (améliore l'accessibilité) |
Tableaux
| Balise | À quoi elle sert |
|---|---|
| <table> | Un tableau de données |
| <tr> | Une ligne de tableau |
| <td> | Une cellule de tableau |
| <th> | Une cellule d'en-tête |
| <thead> | Groupe les lignes d'en-tête |
| <tbody> | Groupe les lignes du corps |
Sectionnement sémantique
| Balise | À quoi elle sert |
|---|---|
| <header> | Contenu introductif pour une page ou une section |
| <nav> | Un bloc de liens de navigation |
| <main> | Le contenu principal de la page (un par page) |
| <section> | Un regroupement thématique de contenu |
| <article> | Contenu autonome (un billet, une carte) |
| <aside> | Contenu tangentiel (une barre latérale) |
| <footer> | Pied de page pour une page ou une section |
| <figure> | Média autonome avec une légende facultative |
Outils associés