Les balises repérées
9 minCe qu'on cherche à comprendre
5 minProblématique : avec quel langage écrit-on une page web, et comment sépare-t-on le contenu de sa mise en forme ?
Le squelette d'une page
18 minHTML décrit le contenu avec des balises : <h1>…</h1> (titre), <p> (paragraphe), <a href="…"> (lien), <img src="…"> (image), <strong> (important). Une page a une structure : <html> contenant <head> (informations) et <body> (le visible).
CSS décrit la mise en forme (couleurs, tailles, disposition), séparée du contenu : on peut changer tout le style sans toucher au texte.
HTML = fond, CSS = forme
9 minLe navigateur lit le HTML, construit la page, puis applique le CSS. Séparer fond et forme rend les sites maintenables (un seul fichier de style pour tout un site) et accessibles (les lecteurs d'écran s'appuient sur la structure HTML).
Ta première page, ici même
27 minModifie le code, clique Exécuter, observe. Missions : 1) change le titre · 2) ajoute un paragraphe · 3) ajoute un lien vers lumni.fr · 4) mets le titre en bleu avec style="color:blue".
Couche IA : l'IA écrit du code — sache le lire
9 minLes assistants IA génèrent du HTML en quelques secondes. Utile — mais qui vérifie ? Savoir lire le code reste indispensable pour corriger, adapter, et repérer ce qui cloche (liens faux, contenus inventés). L'IA est un accélérateur, pas un remplaçant de la compréhension.
On fixe les acquis
9 min📝 Trace écrite — à recopier
HTML décrit le contenu avec des balises (h1, p, a href, img, strong) dans une structure html > head + body. CSS décrit la mise en forme, séparée du contenu. Le navigateur assemble les deux.
Devoirs
4 min- Termine ta mini-page (titre, deux paragraphes, un lien, une couleur) : elle servira au projet d'évaluation.