Menu
Coddy logo textTech
COMMENCER À APPRENDRE
flag Fr iconFrançaisdown icon
PopulaireParcours

Apprendre HTML

Un cours HTML en ligne, gratuit et interactif. Tu écris du HTML à chaque leçon, avec un aperçu en direct au fil de la frappe, et un certificat gratuit à la fin.

COMMENCER À APPRENDRE(c'est gratuit)
Voir le programmePlayground HTML

281,604+ codders inscrits

241 leçons212 défis1,195 questions de quiz

  • Adapté aux débutants
  • sparkles iconAide au codage assistée par IA
  • hint iconLeçons interactives et pratiques
  • volume On iconNarration audio dans chaque leçon
  • quiz iconQuiz pour tester vos connaissances
  • certificate iconCertificat gratuit de réussite

Programme

5 sections6 projets241 leçons212 défis1,195 questions de quiz
  1. Section 1

    Fundamentals

    Commencer la sectionDémarrerDévelopperRéduire    Learn the core structure and syntax to create web pages from scratch60 leçons75 défis252 questions3 projets

    Les bases du HTML

    5 leçons531

    Texte et mise en forme

    6 leçons1135

    Travailler avec les listes

    4 leçons721

    Fiche de recette

    Projet4 leçons1

    Ajouter du contenu

    5 leçons837

    Mise en page

    5 leçons930

    Page de profil personnel

    Projet5 leçons1

    Formulaires et champs de saisie, partie 1

    6 leçons936

    Formulaires et entrées, partie 2

    7 leçons1239

    Tableaux

    4 leçons723

    Page d'inscription à un événement

    Projet5 leçons1

    Défis finaux

    4 leçons4
  2. Section 2

    Styling with CSSPage dédiée

    Commencer la sectionDémarrerDévelopperRéduire    Bring your web pages to life with colors, layouts, and styles76 leçons100 défis419 questions3 projets

    Introduction

    5 leçons540

    Ajouter du CSS

    4 leçons725

    Sélecteurs de base

    7 leçons1247

    Les bases du texte

    8 leçons1450

    Couleurs et arrière-plans

    5 leçons834

    Menu de café

    Projet3 leçons1

    Modèle de boîte - Partie 1

    6 leçons943

    Modèle de boîte, partie 2

    5 leçons834

    Flex Box

    6 leçons943

    Formulaire de connexion

    Projet4 leçons1

    Techniques de mise en page

    7 leçons1151

    Bases du Responsive Design

    6 leçons1052

    Page Web Tonga

    Projet6 leçons1

    Défis finaux

    4 leçons4
  3. Section 3

    CSS MasteryPage dédiée

    Commencer la sectionDémarrerDévelopperRéduire    Take you css skills to the next level!43 leçons40 défis164 questions

    Maîtrise des sélecteurs – Combinaisons

    6 leçons539

    Pseudo-classes interactives

    5 leçons431

    Pseudo-classes structurelles

    5 leçons432

    Projet de menu déroulant

    4 leçons4

    Effets visuels

    5 leçons536

    Landing Page

    5 leçons5

    Construire avec CSS Grid

    4 leçons426

    Site web Flavor Fiesta

    4 leçons4

    Défis finaux

    5 leçons5
  4. Section 4

    Practical Frontend

    Commencer la sectionDémarrerDévelopperRéduire    Combine structure and style to design complete, responsive web pages35 leçons34 défis197 questions

    Variables

    5 leçons432

    Stratégie Mobile-First

    6 leçons643

    Thèmes et styles visuels

    5 leçons535

    Sports extrêmes

    3 leçons3

    Composants UI

    6 leçons642

    Modèles Responsive

    6 leçons645

    Défis finaux

    4 leçons4
  5. Section 5

    JavaScript in Action

    Commencer la sectionDémarrerDévelopperRéduire    Explore how javascript is used with html and css27 leçons27 défis163 questions

    Interactivité / Composants UI

    4 leçons433

    Formulaires et validation

    3 leçons324

    Notifications et Retours

    3 leçons327

    Formulaire avec notification Toast

    2 leçons2

    Navigation

    3 leçons329

    Thèmes et personnalisation

    2 leçons217

    Animations et effets

    3 leçons327

    Navigation animée

    3 leçons36

    Défis finaux

    4 leçons4

Cours de HTML

Cours pratiques de HTML, gratuits à démarrer dans votre navigateur.

Animation d'éclipse solaire | Projet HTML/CSS

Populaire

Dans ce cours, vous allez créer une superbe animation d'éclipse solaire, illustrant comment concevoir des interfaces utilisateur attrayantes et fonctionnelles grâce aux animations.

  • 10
  • 2

Clone de page Instagram | Projet Front-End

Populaire

Dans ce cours, vous mettrez en pratique des approches HTML & CSS simples et standards pour créer un projet de clone de page Instagram.

  • 16
  • 5

Lecteur vidéo YouTube - Projet HTML

Dans ce projet, vous créerez un lecteur vidéo YouTube avec HTML tout en explorant divers attributs.

  • 7
  • 1

Chronomètre - Projet HTML/CSS/JS

Dans ce projet, vous allez créer un chronomètre simple en utilisant HTML, CSS et JavaScript.

  • 10
  • 3

Barre de navigation inférieure - Projet HTML/CSS

Dans ce cours, vous allez créer une barre de navigation inférieure simple en utilisant HTML et la styliser avec CSS. Vous apprendrez également à ajouter une animation simple à l'aide du sélecteur (:hover) en CSS.

  • 12
  • 2

Projet DOM - Calculatrice

Dans ce cours, vous allez créer une calculatrice simple et interactive en utilisant HTML, CSS et JS.

  • 14
  • 3
Voir les 26 cours de HTML →
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Pourquoi apprendre HTML avec Coddy

  • Tu écris du HTML dans ton navigateur et tu vois la page rendue juste à côté. Aucun éditeur à installer, aucune config. Chaque modification du code HTML s'affiche en direct, la boucle de feedback est courte.
  • HTML moderne et sémantique : titres, listes, liens, images, tableaux, formulaires, et balises sémantiques comme <header>, <nav>, <main>, <section>, <footer>. Le HTML que tu utiliserais vraiment pour construire un site web.
  • Les indices IA t'aident à corriger tes erreurs HTML - balises non fermées, syntaxe d'attribut cassée, oublis d'accessibilité - sans dévoiler la réponse, pour que les bons réflexes rentrent.
  • Certificat HTML gratuit à la fin du cours. Une première étape crédible vers le développement web, qui se marie naturellement avec les cours de CSS et JavaScript.

Questions fréquentes sur l’apprentissage de HTML

HTML est-il facile à apprendre ?

HTML, c'est l'une des choses les plus faciles à apprendre dans la tech. C'est un langage de balisage, pas un langage de programmation - tu étiquettes des morceaux de contenu (titres, paragraphes, liens, images) plutôt que d'écrire de la logique. La plupart des débutants construisent leur première vraie page web dès la première heure.

Combien de temps faut-il pour apprendre HTML ?

Les bases de HTML s’apprennent souvent en une à deux semaines de pratique quotidienne. Pour être à l’aise sur des projets réels, compte plutôt un à trois mois selon ton rythme.

Faut-il apprendre HTML avant CSS et JavaScript ?

Oui. HTML définit la structure d'une page, CSS contrôle son apparence et JavaScript la rend interactive. En apprenant HTML en premier, tu as quelque chose de concret à styliser et animer ensuite. Le cours HTML est court exprès pour que tu puisses passer rapidement à CSS et JS.

HTML est-il un langage de programmation ?

Au sens strict, non. HTML est un langage de balisage qui sert à décrire la structure du contenu web. Il n'a ni variables, ni conditions, ni boucles en lui-même. La vraie programmation sur une page web vient de JavaScript, traité dans un cours à part.

Est-ce que je peux apprendre le HTML en ligne gratuitement ?

Oui. Le cours interactif de HTML est gratuit - leçons, exercices de code, aperçu HTML en direct et un certificat. Tout tourne dans le navigateur, donc tu n'as aucun éditeur ni outil à installer pour te lancer.

Est-ce que je reçois un certificat après le cours HTML ?

Oui. En terminant le cours HTML, tu obtiens un certificat de fin de formation gratuit. Une preuve vérifiable à ajouter à ton CV ou à partager sur LinkedIn - souvent comme étape vers un portfolio plus complet en HTML, CSS et JavaScript.
Coddy programming languages illustration

Apprends HTML avec Coddy

COMMENCER