Chargement de la page
Tous les cours
100 % gratuitDébutant
Apprenez HTML
Apprenez HTML en créant vos premières pages web : structure, liens, images, formulaires et accessibilité. Un cours gratuit pour comprendre le code et passer à la pratique.
26 leçons Environ 19 h Des exemples à modifier
Commencer le cours Apprendre HTMLComprendre · Essayer · Créer
AU PROGRAMME
Comprendre le code pour mieux s’en servir.
Les leçons, quiz, exercices enregistrés et projets HTML sont gratuits. Découvrez les projets pour aller plus loin.
Les 26 leçons sont disponibles en français, avec leurs exemples et les ateliers et quiz proposés. L’évaluation et les activités complémentaires restent en anglais.
Faites le point sur vos acquis
0 validations réussies sur 26
Chargement de vos validations…
Choisir une notion à vérifier
- HTML — Introduction — À valider
- HTML — Éditeurs de code — À valider
- HTML — Structure d’un document — À valider
- HTML — En-tête et métadonnées — À valider
- HTML — Éléments et balises — À valider
- HTML — Attributs — À valider
- HTML — Titres h1 à h6 — À valider
- HTML — Paragraphes — À valider
- HTML — Mise en forme du texte — À valider
- HTML — Liens hypertextes — À valider
- HTML — Images — À valider
- HTML — Images adaptatives — À valider
- HTML — Audio et vidéo — À valider
- HTML — Iframes et intégration de pages — À valider
- HTML — Listes — À valider
- HTML — Tableaux — À valider
- HTML — Formulaires — À valider
- HTML — Types de champs de saisie — À valider
- HTML — Listes de choix et zones de texte — À valider
- HTML — Boutons — À valider
- HTML — Validation des formulaires — À valider
- HTML — Éléments sémantiques — À valider
- HTML — Accessibilité — À valider
- HTML — Adaptation aux écrans — À valider
- HTML — Conventions d’écriture — À valider
- HTML — Référence des éléments — À valider
Créer le projet final de trois pages · Passer l’évaluation de fin de cours
Les 19 ateliers vous invitent à approfondir une notion, comprendre un exemple, corriger du code, puis réaliser un exercice en autonomie. Des questions corrigées vous aident à faire le point. Les durées incluent la lecture et la pratique : avancez à votre rythme.
01
Les bases de HTML
HTML — IntroductionDécouvrez comment HTML donne une structure et du sens à une page web : titres, paragraphes, liens, formulaires et images.Atelier guidé : Créer une page d’information vraiment utile
43 min HTML — Éditeurs de codeÉcrivez votre code dans un fichier texte, enregistrez-le et ouvrez-le dans le navigateur. Apprenez à distinguer le fichier source de la page affichée.Atelier guidé : Organiser un petit site de trois pages
38 min HTML — Structure d’un documentPosez les bases d’une page avec doctype, html, head et body. Comprenez ce qui décrit le document et ce qui s’affiche à l’écran.Atelier guidé : Vérifier la structure de deux pages liées
47 min HTML — En-tête et métadonnéesDéfinissez l’encodage, le viewport, le titre, la description, les feuilles de style et les icônes dans head, sans les confondre avec le contenu visible.
26 min HTML — Éléments et balisesChoisissez vos éléments selon le rôle du contenu. Distinguez les balises qui encadrent du texte des éléments vides comme img et meta.Atelier guidé : Dessiner, construire et vérifier l’arbre d’une page
47 min HTML — AttributsPrécisez le comportement de vos éléments avec une URL, un texte alternatif, un identifiant, une classe, une langue ou un attribut comme required.Atelier guidé : Dupliquer un formulaire en conservant ses associations
47 min 02
Organiser le texte et le contenu
HTML — Titres h1 à h6Construisez un plan cohérent avec h1 à h6. Choisissez le niveau d’un titre d’après sa place dans le contenu, plutôt que sa taille à l’écran.Atelier guidé : Préparer le plan avant de créer la page
38 min HTML — ParagraphesStructurez vos idées avec p et utilisez br, hr et pre à bon escient. Découvrez aussi comment le navigateur traite les espaces dans le code.Atelier guidé : Transformer un texte brut en contenu agréable à lire
38 min HTML — Mise en forme du texteExprimez l’importance, l’emphase, les citations, le code et les modifications avec des balises adaptées, pour un contenu qui garde son sens au-delà de son apparence.Atelier guidé : Mettre en forme une annonce de mise à jour
47 min 03
Ajouter des liens et des médias
HTML — Liens hypertextesReliez vos pages avec l’élément a : fichiers, adresses e-mail, sections d’une page ou sites externes. Vérifiez que chaque lien mène au bon endroit.Atelier guidé : Passer en revue toutes les destinations d’un site
49 min HTML — ImagesAjoutez une image avec img, réservez sa place dans la page et choisissez un texte alternatif qui correspond à son rôle.Atelier guidé : Garder un contenu compréhensible sans ses images
56 min HTML — Images adaptativesProposez plusieurs fichiers et indiquez leur usage pour que le navigateur choisisse une image adaptée, sans charger inutilement une grande photo sur mobile.
28 min HTML — Audio et vidéoIntégrez des médias avec audio et video : commandes natives, formats de secours, sous-titres et transcriptions.Atelier guidé : Préparer une démonstration de trente secondes
54 min HTML — Iframes et intégration de pagesAffichez un document dans une autre page avec un titre explicite, des dimensions adaptées et les restrictions nécessaires lorsque vous ne maîtrisez pas son contenu.
26 min 04
Présenter des listes et des tableaux
HTML — ListesChoisissez ul pour regrouper des éléments, ol lorsque leur ordre compte et dl pour associer des termes à leur description.Atelier guidé : Créer une liste de préparation bien structurée
40 min HTML — TableauxReliez vos données par lignes et colonnes, avec des en-têtes clairs pour chaque cellule. Réservez les tableaux aux données, pas à la mise en page.Atelier guidé : Construire un tableau comparatif facile à parcourir
58 min 05
Créer des formulaires
HTML — FormulairesRecueillez et envoyez des informations avec des champs bien nommés, des libellés visibles et des consignes qui restent accessibles pendant la saisie.Atelier guidé : Préparer les données d’un formulaire d’inscription
74 min HTML — Types de champs de saisieUtilisez l’attribut type pour préciser les données attendues, proposer le bon clavier et profiter des vérifications natives du navigateur.
28 min HTML — Listes de choix et zones de texteDécouvrez select, textarea, datalist et output pour les listes de choix, les textes longs, les suggestions et les résultats calculés.
26 min HTML — BoutonsDistinguez les boutons des liens et choisissez leur type : envoyer un formulaire, le réinitialiser ou déclencher une action avec un script.
24 min HTML — Validation des formulairesAidez les utilisateurs à corriger les champs vides, les formats incorrects et les valeurs hors limites. Comprenez aussi pourquoi ces vérifications ne remplacent pas celles du serveur.
28 min 06
Donner du sens à vos pages
07
Accessibilité et bonnes pratiques
HTML — AccessibilitéAppuyez-vous sur les éléments natifs, les libellés, les boutons, les textes alternatifs et les en-têtes de tableaux pour rendre votre page utilisable par davantage de personnes.Atelier guidé : Rédiger un bilan d’accessibilité fondé sur des observations
67 min HTML — Adaptation aux écransRéglez le viewport, l’ordre du contenu et ses priorités pour donner de bonnes bases au navigateur avant d’adapter la présentation avec CSS.Atelier guidé : Tester son contenu dans des conditions variées
54 min HTML — Conventions d’écritureAdoptez quelques conventions simples : noms en minuscules, valeurs entre guillemets, classes explicites et indentation régulière. Votre code sera plus facile à relire.Atelier guidé : Améliorer le code et expliquer ses modifications
47 min 08
Références et mise en pratique
ÉVALUATION DE FIN DE COURS
À vous de mettre vos acquis à l’épreuve.
Répondez à huit questions, puis relevez trois défis HTML vérifiés automatiquement. Vos résultats vous aideront à repérer les notions à revoir.
POUR ALLER PLUS LOIN
Gardez un guide HTML à portée de main.
Approfondissez la structure sémantique, l’accessibilité et la relecture de vos pages avec ce guide pratique. Le livre est proposé en anglais.
