DébutantNon commencé

Exercice 1.2 · 6 min · 0 tentative

Le squelette d'une page

🎯 Objectif

Écrire la structure minimale d'une vraie page HTML5 — le squelette que tu réutiliseras pour tous tes sites.

📖 Exemple

Jusqu'ici, tu as écrit du HTML « en vrac ». Une vraie page, elle, a toujours le même squelette. Voici celui de la page d'une boulangerie :

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h1>La boulangerie du village</h1>
  </body>
</html>

Pourquoi ces quatre pièces ?

  • <!DOCTYPE html> — la première ligne, toujours : elle dit au navigateur « ceci est du HTML5 »
  • <html> — la balise racine, elle englobe toute la page
  • <head> — les coulisses : des infos sur la page, rien de visible
  • <body> — la scène : tout ce que le visiteur voit

Vu autrement, chaque balise en contient d'autres :

💡 Dans l'aperçu de Nuxy, seul le contenu du <body> s'affiche — le <head> est invisible par nature.

📝 Consigne

Écris le squelette de ta propre page, dans l'ordre. Sans copier-coller : tes doigts doivent apprendre le chemin !

  1. La déclaration HTML5, tout en haut
  2. La balise racine, qui englobe tout le reste
  3. Les coulisses, vides pour l'instant
  4. La scène, avec un titre <h1> qui affiche exactement Ma page a un squelette !

Résultat attendu

Ton titre s'affiche — et ta page a désormais un vrai squelette, invisible mais bien là.

Ce qui est vérifié

  • Déclarer le doctype HTML5
  • Ouvrir et fermer la balise <html>
  • Ajouter le head
  • Ajouter le body
  • Mettre un titre h1 dans le body
  • Le titre affiche « Ma page a un squelette ! »
  • Fermer toutes les balises ouvertes

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé