<html>
La balise <html>
Elle est la racine du document. Tout le contenu HTML visible et invisible de la page vit à l'intérieur.
Guide HTML en français
Guide Code HTML
Comprendre HTML sans détour: la structure d'une page, les balises indispensables, les exemples propres et les réflexes SEO qui évitent les erreurs classiques.
HTML, c'est quoi ?
HTML signifie HyperText Markup Language. Ce n'est pas un langage de programmation: c'est un langage de balisage qui décrit les parties d'une page. Le navigateur lit ces balises, construit le document, puis CSS et JavaScript peuvent enrichir l'affichage ou les interactions.
Pour un site simple et durable, commencez par une structure propre: un doctype, une langue, des métadonnées uniques, un contenu visible, une navigation interne et des titres dans le bon ordre.
Sommaire
24 balises HTML de base
<head>
La balise <head>
Elle contient les métadonnées: titre, description, encodage, feuilles CSS, icônes et données SEO.
<title>
La balise <title>
Elle définit le titre de l'onglet, des favoris et souvent le titre affiché dans les résultats de recherche.
<meta>
La balise <meta>
Elle ajoute des informations non visibles: encodage, viewport, description, indexation et partage social.
<body>
La balise <body>
Elle contient tout ce que l'utilisateur voit ou utilise: textes, liens, images, formulaires et sections.
<header>
La balise <header>
Elle regroupe l'introduction d'une page ou d'une section: logo, titre, navigation ou résumé.
<nav>
La balise <nav>
Elle identifie un bloc de liens de navigation principaux ou secondaires.
<main>
La balise <main>
Elle marque le contenu principal et unique d'une page.
<section>
La balise <section>
Elle regroupe une partie thématique autonome d'un document.
<article>
La balise <article>
Elle représente un contenu autonome: tutoriel, billet, fiche, actualité, commentaire ou carte produit.
<footer>
La balise <footer>
Elle contient les informations de fin pour la page ou pour une section: sources, copyright, liens utiles.
<h1>
La balise <h1>
Elle indique le titre principal visible d'une page ou d'un contenu majeur.
<p>
La balise <p>
Elle représente un paragraphe de texte.
<a>
La balise <a>
Elle crée un lien vers une autre URL, une section de page, un fichier ou une adresse e-mail.
<img>
La balise <img>
Elle insère une image dans le document.
<div>
La balise <div>
Elle crée un conteneur générique sans signification sémantique particulière.
<span>
La balise <span>
Elle marque une petite portion de texte en ligne, sans sens sémantique propre.
<ul>
La balise <ul>
Elle crée une liste non ordonnée, généralement affichée avec des puces.
<ol>
La balise <ol>
Elle crée une liste ordonnée, numérotée par défaut.
<li>
La balise <li>
Elle représente un élément dans une liste <ul>, <ol> ou <menu>.
<table>
La balise <table>
Elle présente des données tabulaires, avec lignes, colonnes et en-têtes.
<form>
La balise <form>
Elle regroupe des champs interactifs et définit comment envoyer leurs données.
<label>
La balise <label>
Elle nomme un champ de formulaire et l'associe à son contrôle.
<input>
La balise <input>
Elle crée un contrôle de saisie: texte, e-mail, recherche, case à cocher, date, fichier, etc.