DébutantNon commencé
Exercice 1.4 · 6 min · 0 tentative
La hiérarchie des titres
🎯 Objectif
Organiser une page avec des titres de différents niveaux, comme le plan d'un document.
📖 Exemple
Le plan d'un carnet de voyage — regarde les tailles décroître dans le rendu :
<h1>Mon voyage au Tessin</h1>
<h2>Jour 1 : Lugano</h2>
<h3>Le matin</h3>
<h2>Jour 2 : Locarno</h2>
Pourquoi cette pyramide ? Le <h1> annonce le sujet de TOUTE la page — il est donc unique. Chaque <h2> ouvre une grande section, et le <h3> une sous-partie. On descend niveau par niveau, sans jamais en sauter : ce plan sert de table des matières aux moteurs de recherche et aux lecteurs d'écran.
📝 Consigne
Même pyramide, autre sujet — construis le plan de ta page de recettes :
- Un titre principal
<h1>qui affiche exactement Mes recettes préférées - Deux titres
<h2>— un par recette, avec un nom de recette de ton choix - Sous la première recette, un sous-titre
<h3>qui affiche exactement Ingrédients
Résultat attendu
Un plan de page avec des titres de tailles décroissantes — un seul grand titre, deux recettes, une sous-partie.
Ce qui est vérifié
- Un titre principal h1 — un seul !
- Le titre principal affiche « Mes recettes préférées »
- Deux sections avec des titres h2
- Chaque h2 porte un vrai nom de recette
- Une sous-section « Ingrédients » en h3
- Respecter la structure de la page (doctype, head, body)
- Fermer toutes les balises ouvertes
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé