← Learn to Code — Python, Java, C, SQL & Web · Apprendre à coder — Python, Java, C, SQL & Web
Web Basics — HTML & CSS · Bases Web — HTML & CSS
Start from zero. Short steps. Build a real web page. · Commencez de zéro. Étapes courtes. Créez une vraie page web.
html 21 Lessons · Leçons
Every lesson runs in your browser — write real code, press Run, and the tasks check themselves. Free, no account needed, with translated notes paired with English. · Chaque leçon s'exécute dans votre navigateur — écrivez du vrai code, appuyez sur Exécuter, et les tâches se vérifient automatiquement. Gratuit, pas de compte requis, avec des notes traduites associées à l'anglais.
Start the course · Commencer le cours
Lessons in this course · Leçons dans ce cours
No lessons match. Clear the search or choose another filter.
- history A short history of the web · Une courte histoire du web Reading and resources
- usage What a web page is made of · De quoi est faite une page web Reading and resources
- resources Where to learn more · Où apprendre davantage Reading and resources
- setup What you need (almost nothing) · Ce dont vous avez besoin (presque rien) Reading and resources
- 01 Your first web page · Votre première page web 2 required tasks Video · Vidéo
- 02 Headings and paragraphs · Titres et paragraphes 2 required tasks Video · Vidéo
- 03 Bold, italic and line breaks · Gras, italique et retours à la ligne 2 required tasks Video · Vidéo
- 04 Lists · Listes 2 required tasks Video · Vidéo
- 05 Links · Liens 2 required tasks Video · Vidéo
- 06 Images 2 required tasks Video · Vidéo
- 07 Make it a real page · Faites-en une vraie page 2 required tasks Video · Vidéo
- 08 Comments and neat nesting · Commentaires et enchaînement soigné 2 required tasks Video · Vidéo
- 09 Tables 2 required tasks Video · Vidéo
- 10 Forms · Formation 2 required tasks Video · Vidéo
- 11 Boxes and sections · Boîtes et sections 2 required tasks Video · Vidéo
- 12 Add some style · Ajoutez du style 2 required tasks Video · Vidéo
- 13 Selectors — class and id · Selecteurs — class et id 2 required tasks Video · Vidéo
- 14 Colours and backgrounds · Couleurs et arrière-plans 2 required tasks Video · Vidéo
- 15 Styling text · Mise en forme du texte 2 required tasks Video · Vidéo
- 16 The box model · Le modèle de boîte 2 required tasks Video · Vidéo
- 17 Spacing — margin and padding · Espacement — marge externe et marginne interne 2 required tasks Video · Vidéo
- 18 Showing and hiding (display) · Affichage et masquage (display) 2 required tasks Video · Vidéo
- 19 Width and centering · Largeur et centrage 2 required tasks Video · Vidéo
- 20 Rows with Flexbox · Lignes avec Flexbox 2 required tasks Video · Vidéo
- 21 Mini-project: a profile card · Mini-projet : une carte de profil 3 required tasks Video · Vidéo