De quoi est fait un site web ? HTML, CSS et JavaScript
Les trois langages qui composent toute page web — HTML (structure), CSS (style), JavaScript (interactivité) — expliqués simplement, avec une analogie. Niveau débutant.
Toute page web, du plus petit blog au plus grand site, repose sur trois langages. Bonne nouvelle : leur rôle est simple à comprendre avec une image.
L’analogie de la maison
- HTML = les murs et les pièces : la structure.
- CSS = la peinture et la décoration : le style.
- JavaScript = l’électricité et les automatismes : ce qui bouge et réagit.
On peut habiter une maison sans déco (HTML seul, page brute). On ne peut pas décorer du vide.
1. HTML — la structure
HTML (HyperText Markup Language) décrit le contenu : « ceci est un titre », « ceci est un paragraphe », « ici une image », « là un lien ». C’est le squelette de la page.
Sans HTML, il n’y a tout simplement pas de page. C’est la base obligatoire.
2. CSS — le style
CSS (Cascading Style Sheets) habille le HTML : couleurs, polices, tailles, espacements, disposition des éléments, et l’adaptation au mobile (le responsive).
Le même HTML peut prendre mille apparences selon le CSS. Changer de design, c’est surtout changer le CSS.
3. JavaScript — l’interactivité
JavaScript ajoute le comportement : un menu qui s’ouvre, un formulaire qui se valide, un calcul en direct, des données qui se chargent sans recharger la page. C’est ce qui rend une page vivante.
Beaucoup de sites simples fonctionnent très bien avec peu ou pas de JavaScript. On l’ajoute quand l’interactivité apporte vraiment quelque chose.
Où tout cela s’exécute-t-il ?
Ces trois langages tournent dans le navigateur du visiteur (Chrome, Firefox, Safari…). Le serveur, lui, se contente souvent d’envoyer ces fichiers. C’est pour ça qu’un site statique est si rapide : le navigateur reçoit directement le HTML, le CSS et le JavaScript, prêts à l’emploi.
À retenir
| Langage | Rôle | Indispensable ? |
|---|---|---|
| HTML | Structure du contenu | Oui, toujours |
| CSS | Apparence | Quasi toujours |
| JavaScript | Interactivité | Selon le besoin |
Vous n’avez pas besoin de coder pour utiliser un site — mais savoir ce que font ces trois briques vous aide à dialoguer avec un prestataire et à comprendre ce que vous payez.
Test your knowledge
Quel langage donne la STRUCTURE d'une page (titres, paragraphes, images) ?
HTML décrit le contenu et sa structure. Sans HTML, il n'y a pas de page.
Quel langage gère les COULEURS, polices et la mise en page ?
CSS habille la page : couleurs, espacements, disposition, responsive.
Quel langage rend la page INTERACTIVE (menus, formulaires animés) ?
JavaScript ajoute le comportement : réagir aux clics, calculer, charger des données.
Ces trois langages s'exécutent…
HTML, CSS et JavaScript sont interprétés par le navigateur (Chrome, Firefox…) côté visiteur.