Module 1 : Structure d'une page HTML

Bienvenue !

Nuxy installé à son bureau, enthousiaste devant un écran rempli de code HTML

Tu vas apprendre HTML & CSS, les langages qui construisent toutes les pages web. Prêt ? On t'explique tout.

C'est quoi HTML et CSS ?

Un site web, c'est 3 langages qui travaillent ensemble, comme pour construire une maison : HTML pose la structure (les murs), CSS ajoute le style (la déco), JavaScript apporte le comportement (l'électricité).

Les 3 langages du web : HTML la structure (les murs de la maison), CSS le style (la peinture et la déco), JavaScript le comportement (l'électricité et les interrupteurs). Ensemble, ils forment une page web complète.

Le plus surprenant ? Une page web, c'est juste du texte. Tu écris des mots entourés de balises, et le navigateur les transforme en page :

Deux panneaux : à gauche du code HTML écrit dans un éditeur, à droite la page affichée dans un navigateur avec un grand titre, un paragraphe et une liste. Une flèche indique que le navigateur traduit le code en page.

Dans cette formation, tu commences par les deux premiers : HTML pour construire tes pages, puis CSS pour les rendre belles. Regarde la différence :

Deux fenêtres de navigateur avec le même contenu : à gauche en HTML seul, le contenu brut en noir et blanc ; à droite avec CSS, le même contenu mis en forme avec un en-tête coloré, des cartes et un bouton stylé.

En résumé : tout ce que tu vois sur une page web — textes, images, mise en page — c'est HTML et CSS.

Ton espace de travail

Pour écrire ta première page, tu n'as rien à installer : tout se passe dans cet écran. Il se lit en deux temps — à gauche ce que tu fais, à droite ce que le navigateur te répond.

L'écran d'un exercice Nuxy, en cinq zones numérotées. En vert, tes actions : 1 le panneau de la leçon à gauche, 2 l'éditeur de code au centre, 3 le bouton Exécuter. En teal, les réponses du système : 4 l'aperçu de ta page en haut à droite, 5 la console en dessous.

Ce que tu fais — 3 étapes, c'est tout

Lis la consigne — chaque exercice t'explique un concept avec des exemples. Tu sais exactement quoi faire.
Tape ton code — directement dans le navigateur. Rien à installer.
Valide et passe au suivant — un clic pour vérifier. Le système te dit si c'est bon, et t'aide si ça ne l'est pas.

À côté du bouton Exécuter, trois outils t'attendent aussi : copier ton code, le réinitialiser, ou remettre l'indentation au propre d'un clic.

Ce que le système te répond

L'aperçu — ta page telle que la verra un visiteur, mise à jour à chaque frappe. C'est ton miroir : si le résultat ne ressemble pas à ce que tu imaginais, tu le vois immédiatement.
La console — l'endroit où le navigateur signale les problèmes, en français et sans jargon. Tant que tout va bien, elle reste vide : pas de nouvelles, bonnes nouvelles.

Et l'IA dans tout ça ?

Tu peux demander la réponse à une IA. Elle te la donnera — et tu n'auras rien appris.

Ici, le but n'est pas de valider l'exercice, c'est que tu saches l'écrire toi-même. Le test qui ne trompe pas : tu peux expliquer chaque ligne de ton code ? C'est gagné.

Bloqué ? Les indices sont là pour ça — le même coup de main, sans te priver de l'effort qui te fait progresser.

Ce que tu vas apprendre

Dans ce premier module, tu vas apprendre à :

Créer ta première page avec un titre et du texte
Écrire la structure complète d'une page HTML5
Renseigner la carte d'identité de ta page (langue, encodage, titre)
Organiser ton contenu : titres, paragraphes, emphase et listes

Et pour finir : construire une page complète de A à Z, tout seul.

Prêt ?

Ton premier exercice t'attend. Dans 2 minutes, tu auras créé ta première page web. C'est parti !