PopulaireParcours
Apprendre HTML
Apprends HTML à partir de zéro avec un cours en ligne gratuit et interactif. Maîtrise structure de document, balises sémantiques, liens, formulaires, images et bases de l’accessibilité grâce à des défis pratiques, des projets réels, des indices IA et un certificat final.
249,002+ codders inscrits
Ce parcours inclut
Aide au codage assistée par IA
Leçons interactives et pratiques
Narration audio dans chaque leçon
Quiz pour tester vos connaissances
Certificat gratuit de réussite
Programme
5 sections241 leçons212 défis1,203 questions de quiz01Section 1
Fundamentals
Learn the core structure and syntax to create web pages from scratchCOMMENCER À APPRENDRELes bases du HTML
5 leçons531- 01Qu'est-ce que le HTML ?Défi
- 02Structure de base du HTMLDéfiQuizAudio
- 03Balises et élémentsDéfiQuizAudio
- 04Imbrication et fermeture des balisesDéfiQuizAudio
- 05Commentaires en HTMLDéfiQuizAudio
Texte et mise en forme
6 leçons1137- 01TitresDéfiMaîtriseQuizAudio
- 02ParagraphesDéfiMaîtriseQuizAudio
- 03Sauts de ligneDéfiMaîtriseQuizAudio
- 04Texte en gras et italiqueDéfiMaîtriseQuizAudio
- 05Gras et italique (suite)DéfiMaîtriseQuizAudio
- 06Récapitulatif - Mise en formeDéfi
Travailler avec les listes
4 leçons721- 01Liste non ordonnéeDéfiMaîtriseQuizAudio
- 02Liste ordonnéeDéfiMaîtriseQuizAudio
- 03Listes imbriquéesDéfiMaîtriseQuizAudio
- 04Récapitulatif - Les listesDéfi
Fiche de recette
Projet4 leçons1- 01Aperçu du projetDéfi
- 02Titre et description de la recetteProjet
- 03IngrédientsProjet
- 04ÉtapesProjet
Ajouter du contenu
5 leçons837- 01Attributs HTMLQuizAudio
- 02LiensDéfiMaîtriseQuizAudio
- 03Liens vers une nouvelle pageDéfiMaîtriseQuizAudio
- 04ImagesDéfiMaîtriseQuizAudio
- 05Attributs d'imageDéfiMaîtriseQuizAudio
Mise en page
5 leçons931- 01DivisionsDéfiMaîtriseQuizAudio
- 02Spans en ligneDéfiMaîtriseQuizAudio
- 03Balises sémantiquesDéfiMaîtriseQuizAudio
- 04Sections et articlesDéfiMaîtriseQuizAudio
- 05Récapitulatif - Mise en pageDéfi
Page de profil personnel
Projet5 leçons1- 01Présentation du projetDéfi
- 02Section d'en-têteProjet
- 03Photo de profilProjet
- 04Section À propos de moiProjet
- 05Liens sociauxProjet
Formulaires et champs de saisie, partie 1
6 leçons937- 01Bases des formulairesQuizAudio
- 02Champs de texteDéfiMaîtriseQuizAudio
- 03Attributs des champsDéfiMaîtriseQuizAudio
- 04Champ de mot de passeDéfiMaîtriseQuizAudio
- 05Libellés pour les champsDéfiMaîtriseQuizAudio
- 06Récapitulatif - Formulaire de baseDéfi
Formulaires et entrées, partie 2
7 leçons1239- 01Boutons radioDéfiMaîtriseQuizAudio
- 02Cases à cocherDéfiMaîtriseQuizAudio
- 03Listes déroulantesDéfiMaîtriseQuizAudio
- 04BoutonsDéfiMaîtriseQuizAudio
- 05Boutons dans les formulairesDéfiMaîtriseQuizAudio
- 06Récapitulatif - Formulaires n°1Défi
- 07Récapitulatif - Formulaires n°2Défi
Tableaux
4 leçons725- 01Bases des tableauxDéfiMaîtriseQuizAudio
- 02Ajouter des légendesDéfiMaîtriseQuizAudio
- 03Fusionner des lignes et des colonnesDéfiMaîtriseQuizAudio
- 04Récapitulatif - TableauxDéfi
Page d'inscription à un événement
Projet5 leçons1- 01Aperçu du projetDéfi
- 02Section d'en-têteProjet
- 03Section des détails de l'événementProjet
- 04Formulaire d'inscriptionProjet
- 05Section de pied de pageProjet
Défis finaux
4 leçons4- 01Carte de profil simpleDéfi
- 02Carte d'invitation à un événementDéfi
- 03Page d'article simpleDéfi
- 04Liste de livres favorisDéfi
02Section 2
Styling with CSS
Bring your web pages to life with colors, layouts, and stylesCOMMENCER À APPRENDREIntroduction
5 leçons540- 01Qu'est-ce que le CSS ?DéfiQuiz
- 02Syntaxe CSSDéfiQuiz
- 03Commentaires CSSQuiz
- 04La balise HeadDéfiQuiz
- 05La balise TitleDéfiMaîtriseQuiz
Ajouter du CSS
4 leçons725- 01CSS en ligneDéfiMaîtriseQuiz
- 02CSS interneDéfiMaîtriseQuiz
- 03CSS externeDéfiMaîtriseQuiz
- 04Défi de stylisation de baseDéfi
Sélecteurs de base
7 leçons1247- 01Introduction aux sélecteursDéfiQuiz
- 02Sélecteur de typeDéfiMaîtriseQuiz
- 03Sélecteur de classeDéfiMaîtriseQuiz
- 04Sélecteur d'IDDéfiMaîtriseQuiz
- 05Sélecteurs de groupeDéfiMaîtriseQuiz
- 06Sélecteur universelDéfiMaîtriseQuiz
- 07Défi de sélectionDéfi
Les bases du texte
8 leçons1450- 01Couleur du texteDéfiMaîtriseQuiz
- 02Famille de policesDéfiMaîtriseQuiz
- 03Taille de policeDéfiMaîtriseQuiz
- 04Graisse de policeDéfiMaîtriseQuiz
- 05Alignement du texteDéfiMaîtriseQuiz
- 06Décoration du texteDéfiMaîtriseQuiz
- 07Défi récapitulatif n°1Défi
- 08Défi récapitulatif n°2Défi
Couleurs et arrière-plans
5 leçons834- 01Couleur d'arrière-planDéfiMaîtriseQuiz
- 02Couleurs HEXDéfiMaîtriseQuiz
- 03Couleurs RGBDéfiMaîtriseQuiz
- 04Transparence avec RGBADéfiQuiz
- 05Défi récapitulatif n°1Défi
Menu de café
Projet3 leçons1- 01Bases de la typographieDéfi
- 02Style du texteProjet
- 03Couleurs et arrière-plansProjet
Modèle de boîte - Partie 1
6 leçons943- 01Qu'est-ce que le Modèle de boîte ?Quiz
- 02PaddingDéfiMaîtriseQuiz
- 03MargesDéfiMaîtriseQuiz
- 04BorduresDéfiMaîtriseQuiz
- 05Largeur et HauteurDéfiMaîtriseQuiz
- 06Défi récapitulatifDéfi
Modèle de boîte, partie 2
5 leçons834- 01Box SizingDéfiQuiz
- 02Border RadiusDéfiMaîtriseQuiz
- 03OverflowDéfiMaîtriseQuiz
- 04Box ShadowDéfiMaîtriseQuiz
- 05Défi récapitulatifDéfi
Flex Box
6 leçons943- 01Qu'est-ce que le Flex Box ?DéfiQuiz
- 02Flex DirectionDéfiMaîtriseQuiz
- 03Justify ContentDéfiMaîtriseQuiz
- 04Align ItemsDéfiMaîtriseQuiz
- 05Le centrage parfaitDéfiQuiz
- 06Défi Flex BoxDéfi
Formulaire de connexion
Projet4 leçons1- 01CorpsDéfi
- 02Conteneur du formulaireProjet
- 03Champ de saisieProjet
- 04BoutonProjet
Techniques de mise en page
7 leçons1152- 01Éléments Block vs InlineDéfiQuiz
- 02Les bases du positionnementDéfiMaîtriseQuiz
- 03Positionnement relatifDéfiMaîtriseQuiz
- 04Positionnement absoluDéfiMaîtriseQuiz
- 05Positionnement fixeDéfiMaîtriseQuiz
- 06Les bases du Z-IndexDéfiQuiz
- 07Défi récapitulatifDéfi
Bases du Responsive Design
6 leçons1052- 01Qu'est-ce que le Responsive Design ?DéfiQuiz
- 02Balise meta ViewportDéfiQuiz
- 03Mises en page fluidesDéfiMaîtriseQuiz
- 04Unités de ViewportDéfiMaîtriseQuiz
- 05Bases des Media QueriesDéfiMaîtriseQuiz
- 06Images flexiblesDéfiMaîtriseQuiz
Page Web Tonga
Projet6 leçons1- 01Menu de navigationDéfi
- 02En-tête de bienvenueProjet
- 03Section À proposProjet
- 04Section ContactProjet
- 05Balise ViewportProjet
- 06Media QueryProjet
Défis finaux
4 leçons4- 01Disposer les élémentsDéfi
- 02Liste de filmsDéfi
- 03Carte d'invitation de mariageDéfi
- 04Notification flottanteDéfi
03Section 3
CSS Mastery
Take you css skills to the next level!COMMENCER À APPRENDREMaîtrise des sélecteurs – Combinaisons
6 leçons539- 01IntroductionQuiz
- 02Sélecteur de descendantDéfiQuiz
- 03Sélecteur d'enfantDéfiQuiz
- 04Sélecteur de frère adjacentDéfiQuiz
- 05Sélecteur de frère généralDéfiQuiz
- 06Défi récapitulatifDéfi
Pseudo-classes interactives
5 leçons431- 01Pseudo-classesQuiz
- 02Effets de survolDéfiQuiz
- 03Effets de focusDéfiQuiz
- 04Styles actifsDéfiQuiz
- 05Défi récapitulatifDéfi
Pseudo-classes structurelles
5 leçons432- 01Pseudo-classes structurellesQuiz
- 02Cibler le premier enfantDéfiQuiz
- 03Cibler le dernier enfantDéfiQuiz
- 04La puissance des motifs : utiliser nth-childDéfiQuiz
- 05Défi récapitulatifDéfi
Projet de menu déroulant
4 leçons4- 01Ajouter le sous-menuDéfi
- 02Afficher le sous-menuDéfi
- 03Plus de stylesDéfi
- 04Input et boutonDéfi
Effets visuels
5 leçons536- 01DégradésDéfiQuiz
- 02Filtres CSSDéfiQuiz
- 03TransformationsDéfiQuiz
- 04Transitions et effets de survolDéfiQuiz
- 05Défi récapitulatifDéfi
Landing Page
5 leçons5- 01Styler la section d'en-têteDéfi
- 02Styler le boutonDéfi
- 03Mise en page de la sectionDéfi
- 04Mise en page des cartesDéfi
- 05Ajouter les touches finalesDéfi
Construire avec CSS Grid
4 leçons426- 01Les bases de GridDéfiQuiz
- 02Placement d'éléments Grid-rowDéfiQuiz
- 03Zones nomméesDéfiQuiz
- 04Défi récapitulatifDéfi
Site web Flavor Fiesta
4 leçons4- 01Configuration de la grilleDéfi
- 02En-têteDéfi
- 03La partie principaleDéfi
- 04Pied de pageDéfi
Défis finaux
5 leçons5- 01Mise en évidence du menu actifDéfi
- 02Lignes de tableau en zèbreDéfi
- 03Effet de survol de boutonDéfi
- 04Mise en page de cartes en GridDéfi
- 05Image Hero floutéeDéfi
04Section 4
Practical Frontend
Combine structure and style to design complete, responsive web pagesCOMMENCER À APPRENDREVariables
5 leçons432- 01VariablesQuiz
- 02Utiliser les variables CSSDéfiQuiz
- 03Variables pour les Design TokensDéfiQuiz
- 04Variables localesDéfiQuiz
- 05Défi récapitulatifDéfi
Stratégie Mobile-First
6 leçons643- 01Ce que signifie « mobile-first »DéfiQuiz
- 02Typographie Mobile-FirstDéfiQuiz
- 03Navigation Mobile-FirstDéfiQuiz
- 04Images Mobile-FirstDéfiQuiz
- 05Formulaires Mobile-FirstDéfiQuiz
- 06Défi récapitulatifDéfi
Thèmes et styles visuels
5 leçons535- 01Les thèmes en CSSDéfiQuiz
- 02Les bases du mode sombre/clairDéfiQuiz
- 03Couleurs d'accentuation et mise en évidenceDéfiQuiz
- 04Thématisation de la typographieDéfiQuiz
- 05Défi récapitulatifDéfi
Sports extrêmes
3 leçons3- 01VariablesDéfi
- 02Mobile-FirstDéfi
- 03ThématisationDéfi
Composants UI
6 leçons642- 01Menu déroulantDéfiQuiz
- 02OngletsDéfiQuiz
- 03BadgesDéfiQuiz
- 04Info-bullesDéfiQuiz
- 05Bannières de notificationDéfiQuiz
- 06Défi récapitulatifDéfi
Modèles Responsive
6 leçons645- 01Mise en page Holy GrailDéfiQuiz
- 02Grille de cartesDéfiQuiz
- 03Mise en page Barre latérale + ContenuDéfiQuiz
- 04Mise en page Écran scindéDéfiQuiz
- 05En-tête / Pied de page StickyDéfiQuiz
- 06Défi récapitulatifDéfi
Défis finaux
4 leçons4- 01Carte de profilDéfi
- 02Grille de galerie de chocolatsDéfi
- 03Sept merveillesDéfi
- 04Sept nouvelles merveillesDéfi
05Section 5
JavaScript in Action
Explore how javascript is used with html and cssCOMMENCER À APPRENDREInteractivité / Composants UI
4 leçons433- 01OngletsDéfiQuiz
- 02Accordéon (développer/réduire)DéfiQuiz
- 03Modale (ouvrir/fermer)DéfiQuiz
- 04Menu déroulantDéfiQuiz
Formulaires et validation
3 leçons325- 01Validation des saisiesDéfiQuiz
- 02Messages d'erreur personnalisésDéfiQuiz
- 03Boutons de soumissionDéfiQuiz
Notifications et Retours
3 leçons327- 01Message toastDéfiQuiz
- 02Bannières refermablesDéfiQuiz
- 03Indicateurs de chargementDéfiQuiz
Formulaire avec notification Toast
2 leçons2- 01Afficher le message ToastDéfi
- 02Masquer le message ToastDéfi
Navigation
3 leçons329- 01Bascule du menu burger mobileDéfiQuiz
- 02Navigation latérale repliableDéfiQuiz
- 03Menus déroulantsDéfiQuiz
Thèmes et personnalisation
2 leçons217- 01Thèmes sombre/clairDéfiQuiz
- 02Enregistrer le choix du thèmeDéfiQuiz
Animations et effets
3 leçons327- 01Transitions CSSDéfiQuiz
- 02Animer des éléments au défilementDéfiQuiz
- 03Animations au clic sur un boutonDéfiQuiz
Navigation animée
3 leçons36- 01VariablesDéfiQuiz
- 02Écouteurs d'événementsDéfi
- 03Transition CSSDéfi
Défis finaux
4 leçons4- 01Accordéon FAQ interactifDéfi
- 02Formulaire de connexionDéfi
- 03Barre de navigation responsiveDéfi
- 04Page de blog avec thèmeDéfi
Pourquoi apprendre HTML avec Coddy
- Cours HTML en ligne et gratuit : aucune installation, aucun outil à configurer, aucun frein pour commencer. Ouvre ton navigateur et pratique dès la première leçon.
- Des leçons pratiques de HTML qui vont plus loin qu’un tutoriel : chaque notion est associée à un exercice pour écrire du vrai code.
- Les indices IA t’aident quand tu bloques sur un exercice HTML, en expliquant l’étape suivante sans donner toute la solution.
- Certificat gratuit de fin de cours à partager sur LinkedIn ou à ajouter à ton CV pour prouver que tu as terminé une formation interactive en HTML.
Questions fréquentes sur l’apprentissage de HTML
HTML est-il facile à apprendre ?
Oui, tu peux commencer HTML même sans expérience. Coddy découpe les notions en exercices courts pour comprendre la syntaxe, pratiquer structure de document, balises sémantiques, liens, formulaires, images et bases de l’accessibilité et progresser avec confiance.
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.
Où apprendre HTML en ligne gratuitement ?
Coddy propose un cours en ligne gratuit de HTML avec leçons, défis de code, quiz et projets. Rien à installer : tout fonctionne dans le navigateur.
Comment apprendre HTML rapidement ?
La méthode la plus rapide consiste à pratiquer tous les jours. Sur Coddy, tu alternes explications courtes, exercices immédiats et feedback avec indices IA, donc tu passes plus de temps à écrire HTML qu’à regarder de longues vidéos.
Reçoit-on un certificat HTML à la fin ?
Oui. Quand tu termines le cours HTML sur Coddy, tu reçois un certificat gratuit de fin de formation à partager sur LinkedIn ou à ajouter à ton CV.
Que peut-on créer après avoir appris HTML ?
Après le cours, tu pourras créer pages web, formulaires, landing pages simples et bases solides pour des projets CSS et JavaScript. Tu auras aussi une base solide pour continuer vers des sujets plus avancés.
