Fiche : Ma page de présentation

À retenir

• Une page = trois fichiers : index.html (contenu), style.css (apparence), script.js (interactivité).
• Structure sémantique : header, nav, main, section, article, footer.
• Un lien href="#id" fait défiler jusqu'à l'élément qui a cet id.
• Flexbox (display: flex + gap) aligne un menu ou des cartes.
• JavaScript : querySelector, addEventListener, classList.toggle, textContent.

Mémo

<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>

nav { display: flex; gap: 16px; }
main { max-width: 800px; margin: 0 auto; }

document.querySelector("#theme")
  .addEventListener("click", () => document.body.classList.toggle("sombre"));

Pièges à éviter

• Un id doit être unique dans la page.
• Oublier <link rel="stylesheet"> : le CSS ne s'applique pas.

Revoir la leçon et ses exercices