Menu
CoddyTech
Commencer à apprendre
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

348,572+ codders inscrits

241 leçons233 défis1,193 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çons233 défis1,193 questions de quiz
  1. Section 1

    Fondamentaux

    Commencer la sectionDémarrerDévelopperRéduire    Apprenez la structure et la syntaxe de base pour créer des pages web à partir de zéro60 leçons86 défis251 questions3 projets

    Les bases du HTML

    5 leçons530

    Texte et mise en forme

    6 leçons1135

    Travailler avec les listes

    4 leçons721

    Fiche de recette

    Projet4 leçons4

    Ajouter du contenu

    5 leçons837

    Mise en page

    5 leçons930

    Page de profil personnel

    Projet5 leçons5

    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çons5

    Défis finaux

    4 leçons4
  2. Section 2

    Style avec CSSPage dédiée

    Commencer la sectionDémarrerDévelopperRéduire    Donnez vie à vos pages web avec des couleurs, des mises en page et des styles76 leçons110 défis418 questions3 projets

    Introduction

    5 leçons540

    Ajouter du CSS

    4 leçons725

    Sélecteurs de base

    7 leçons1247

    Fondamentaux du texte

    8 leçons1450

    Couleurs et arrière-plans

    5 leçons834

    Menu du café

    Projet3 leçons3

    Modèle de boîte – Partie 1

    6 leçons943

    Modèle de boîte – Partie 2

    5 leçons833

    Flexbox

    6 leçons943

    Formulaire de connexion

    Projet4 leçons4

    Techniques de mise en page

    7 leçons1151

    Bases du responsive design

    6 leçons1052

    Page web Tonga

    Projet6 leçons6

    Défis finaux

    4 leçons4
  3. Section 3

    Maîtrise du CSSPage dédiée

    Commencer la sectionDémarrerDévelopperRéduire    Passez vos compétences CSS au niveau supérieur !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

    Front-end pratique

    Commencer la sectionDémarrerDévelopperRéduire    Combinez structure et style pour concevoir des pages web complètes et responsives35 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 en action

    Commencer la sectionDémarrerDévelopperRéduire    Découvrez comment JavaScript est utilisé avec HTML et CSS27 leçons27 défis163 questions

    Interactivité/Composants d’interface utilisateur

    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
  • 8
  • 1

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
  • 14
  • 1

Défis HTML/CSS - Pack I

Ce cours mettra vos connaissances en HTML et CSS à l'épreuve de manière ludique et efficace !

  • 11

HTML - Site débutant

Dans ce cours, vous testerez vos connaissances de base en HTML et créerez votre propre site simple, avec des images et du texte. Êtes-vous prêt ?

  • 5
  • 4
  • 1

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
  • 11
  • 1

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
  • 5
  • 1
Voir les 26 cours de HTML
Ce que vous obtenez
Tout ce que vous utiliserez pour apprendre à coder

Apprendre en Faisant

Écrivez du vrai code, interrogez des bases de données, créez des sites web et maîtrisez les prompts IA. Nos leçons interactives couvrent toutes les compétences dont les développeurs modernes ont besoin.

playground.js
Éditeur de Code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test n°1test Case Success icon
Test n°2test Case Success icon
Test n°3test Case Failure icon
Entrée
"Alex"
Sortie
"Hello, Coddy! Alex"

Construisez Votre Série

Restez constant et regardez vos progrès grandir! Suivez votre habitude quotidienne de codage, protégez votre série avec des jours de gel et gagnez des récompenses en vous connectant chaque jour.

12 jours de série

Revenez demain pour maintenir votre série!

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

Quitte ou Double

Jour 5 sur 7

fire Freeze icon

Gel de Série

2 left

Codez Partout

Emportez votre parcours de codage avec vous! Pas de configuration, pas de téléchargements : ouvrez et commencez à coder. Disponible sur iOS, Android et Web avec des notes de 4.9 étoiles.

app Store iconTélécharger surApp Storegoogle Play iconDisponible surGoogle Play
Python
7Série
250Score
5Énergie
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
Continuer
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
Parcours
Objectifs
Classement
Profil
4.9
ÉtoileÉtoileÉtoileÉtoileÉtoile
Note

Vous N'êtes Pas Seul

Affrontez les classements mondiaux, invitez des amis pour gagner des récompenses et célébrez les succès des autres. Coder, c'est mieux entre amis!

Ligue Challenger
Ligue ChallengerLes 7 premiers avancent
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 iconZone de promotionleaderboard Arrow Up icon

Apprenez comme vous voulez

Lisez, écoutez, testez-vous, demandez à l'IA ou retrouvez ce que vous avez déjà étudié. Chaque leçon s'adapte à vous.

Intro aux variables
Audio

Une variable est un conteneur nommé qui stocke une valeur réutilisable plus tard dans votre programme.

En Python, on en crée une en écrivant le nom, un signe égal, puis la valeur à stocker.

La valeur peut évoluer : réassigner le nom le fait simplement pointer vers une nouvelle valeur.

1xSarah

Certifiez-vous

Gagnez des certificats pour chaque cours terminé. Ajoutez-les à votre profil LinkedIn et CV pour montrer votre expertise en programmation aux employeurs.

CoddyCertificat de Réussite
Ceci certifie queJean Duponta complété avec succès
python iconFondamentaux de Python
Vérifié
Datejanv. 2026
LinkedInAjouter à 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.

Parcours d'apprentissage qui incluent ce cours

Ce cours est une étape d'un parcours plus long : plusieurs cours dans l'ordre où un mentor les enseignerait, chacun avec son propre certificat gratuit.

Illustration des langages de programmation de Coddy

Apprends HTML avec Coddy

Commencer