Module 1 : Découvrir le Web et HTML
1.1 — Comment fonctionne le Web Aperçu
Module 2 : Structure d'une page HTML5
2.1 — Anatomie d'une page HTML5 Aperçu
Module 3 : Balises de texte — Titres, paragraphes et listes
3.1 — Hiérarchie des titres et paragraphes Aperçu
Module 4 : Liens hypertextes et navigation
4.1 — La balise a (anchor) Aperçu
Module 5 : Images et multimédia
5.1 — Images et attributs Aperçu
Module 6 : Tableaux
6.1 — Créer des tableaux Aperçu
Module 7 : Formulaires HTML
7.1 — Créer un formulaire Aperçu
Module 8 : Formulaires avancés et validation HTML5
8.1 — Validation HTML5 native Aperçu
Module 9 : Sémantique HTML5
9.1 — Les balises sémantiques Aperçu
Module 10 : Accessibilité web et ARIA
10.1 — WCAG et ARIA Aperçu
Module 11 : SEO — Bases du référencement
11.1 — Les fondamentaux du SEO Aperçu
Module 12 : Iframes et intégration externe
12.1 — Utiliser les iframes Aperçu
Module 13 : SVG et Canvas
13.1 — SVG inline Aperçu
Module 14 : Site multi-pages
14.1 — Architecture d'un site Aperçu
Module 15 : Hébergement et mise en ligne
15.1 — Mettre en ligne gratuitement Aperçu
Module 16 : Projet final — Site vitrine HTML5
16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 1 : Découvrir le Web et HTML Aperçu gratuit

1.1 — Comment fonctionne le Web

📋 Objectifs d'apprentissage

  • Comprendre le modèle client-serveur
  • Distinguer HTTP, navigateur et serveur
  • Expliquer le rôle de HTML, CSS et JavaScript
  • Créer un fichier .html et l'ouvrir dans un navigateur
🌐 Comment fonctionne le Web — Modèle Client-Serveur 🖥️ ClientNavigateur (Chrome, Firefox) Requête HTTP 🌍 ServeurApache, Nginx, Node.js HTML + CSS + JS HTML = Structure | CSS = Style | JavaScript = Interactivité

Le Web en 30 secondes

Quand vous tapez une URL, votre navigateur (client) envoie une requête HTTP au serveur qui héberge le site. Le serveur répond avec des fichiers (HTML, CSS, JS, images). Le navigateur les assemble et affiche la page. HTML, c'est le squelette de toute page web.

Votre premier fichier HTML

Créez un fichier index.html avec le Bloc-notes ou VS Code :

<!DOCTYPE html>
<html>
<head><title>Ma page</title></head>
<body><h1>Bonjour le monde !</h1></body>
</html>

Double-cliquez dessus → il s'ouvre dans votre navigateur. Félicitations, vous avez créé votre première page web !

🔑 À retenir

HTML n'est pas un langage de programmation, c'est un langage de balisage. Il décrit la STRUCTURE du contenu, pas son comportement. Les balises <truc> sont des instructions pour le navigateur.

Ceci est un aperçu gratuit.
Voir la formation complète