Med Learning
  • Accueil
  • Cours
  • Formation OFPPT
  • Roadmaps
  • Projets
  • Articles
  • Contact
Med Learning

La plateforme d’apprentissage structurée pour les étudiants OFPPT et les autodidactes.

  • medlearning905@gmail.com
  • 06 87 49 76 05
  • @medle_arning

Navigation

  • Accueil
  • Cours
  • Roadmaps
  • Projets pratiques
  • Classement
  • Articles
  • Contact

Formation OFPPT

  • 1ère année
  • 2ème année
  • Filière Full Stack
  • Filière Mobile
  • Cours, TP, EFM et EFF

Mon compte

  • Connexion
  • Créer un compte
  • Mon espace
  • Mot de passe oublié

Med Learning a été créé par Anas Mounchit à la mémoire de son frère Mohammed Maadallah. Ce site est une sadaqa jariya pour lui : chaque leçon apprise ici, chaque ligne de code écrite, est une bonne action qui continue de l’accompagner.

Si Med Learning t’a aidé, pense à lui dans tes prières.

Qu’Allah lui accorde Sa miséricorde et l’accueille dans Son vaste paradis. رحمه الله

© 2026 Med Learning — Fait au Maroc, pour les étudiants.

ConfidentialitéContact & FAQ
Une question ? Écris-nous
Cours /HTML5 — Maîtriser les bases du développement web
DébutantM104OFPPT · Développer des sites statiques

HTML5 — Maîtriser les bases du développement web

Apprends à structurer une page web de zéro avec HTML5 : texte, liens, images, sémantique, tableaux et formulaires. Vidéos minutées et exercices corrigés.

  • 3 modules
  • 13 chapitres
  • 38 exercices
  • 30 h 35

À propos du cours

HTML est la première brique de tout site web : c'est lui qui donne la structure et le sens d'une page. Ce cours te fait passer de zéro à une page web complète, propre et accessible, en avançant pas à pas.

Le cours est organisé en 3 modules et 13 chapitres :

Module 1 · Les bases du HTML Tu installes ton environnement de travail, tu découvres la structure d'une page HTML, puis tu apprends à baliser le texte, créer des listes et relier les pages entre elles avec des liens.

Module 2 · Structurer et enrichir une page Tu ajoutes des images et des médias, tu comprends les boîtes (div, span, block, inline), tu utilises les balises sémantiques HTML5, puis tu crées des tableaux et des formulaires. Tu termines par le head, les bases du SEO et l'accessibilité.

Module 3 · Valider ta formation Tu réalises un projet final, ton CV en ligne, puis tu te testes avec un examen blanc et une fiche mémo à garder sous la main.

Ce qui rend ce cours efficace :

  • 44 extraits vidéo avec le minutage exact à regarder : tu vois seulement la partie qui explique la notion du moment.
  • Plus de 50 exercices et TP, tous corrigés, avec un TP pratique à la fin de chaque chapitre.
  • Des encadrés pour retenir l'essentiel : définitions, règles, pièges fréquents, astuces et pratiques en entreprise.

Prérequis : aucun. Il te faut seulement un ordinateur, un navigateur et un éditeur de code gratuit (VS Code).

À la fin du cours, tu sauras écrire une page web bien structurée, valide et accessible. Tu seras prêt à la mettre en forme dans le cours CSS.

Programme

Ce que tu vas apprendre

  • Les bases du HTMLAvant de construire de vraies pages, ton cerveau doit avoir cinq outils : comprendre ce qui se passe quand tu tapes une adresse, écrire la structure minimale d'une page, baliser du texte correctement, organiser l'information en listes, et relier les pages entre elles. Cette partie te les donne, même si tu pars de zéro.
  • Structurer et enrichir une pageTu sais écrire du texte, des listes et des liens. Il est temps de construire de vraies pages : ajouter des images et des vidéos, regrouper le contenu dans des boîtes, donner du sens à chaque zone de la page avec les balises sémantiques, présenter des données dans des tableaux, recueillir des informations avec des formulaires, et soigner ce que Google et les lecteurs d'écran voient de ta page.
  • Valider ta formationTu connais maintenant tout le HTML dont un développeur front-end a besoin au quotidien. Cette dernière partie te fait tout assembler dans un vrai projet, ton CV en ligne, puis te met en conditions d'évaluation avec un examen blanc corrigé et une fiche mémo à garder près de toi.

Une question ? On est là pour t’aider

Un exercice qui bloque, un TP, ton PFE ou ton orientation : écris-nous sur WhatsApp ou par email, on te répond.

WhatsApp Email
Commencer le cours
  • Le web et ton environnement de travailComprendre le fonctionnement du web, installer VS Code et créer sa première page. TP
  • La structure d'une page HTMLÉléments, balises, attributs, imbrication, structure minimale d'une page et validation. TP
  • Baliser le texteTitres, paragraphes, mise en valeur, citations, code et entités HTML. TP
  • Les listesListes non ordonnées, ordonnées, imbriquées et listes de définitions. TP
  • Les liensLiens absolus et relatifs, nouvel onglet, ancres, mailto, tel et téléchargement. TP