Faire ses premiers pas
en HTML et CSS.

La petite histoire du web

Pour les enseignant·es

Lancer les diapositives

Le web n’est pas né d’une entreprise ni d’un plan. Il a été bricolé par un chercheur pour résoudre un problème de bureau, puis offert au monde entier. Ce qui explique beaucoup de choses sur ce qu’il est devenu.

1. Un créateur

Pour l’enseignant·e

Question à la classe : connaissez-vous le nom du créateur du web ?

Il s’agit de Tim Berners-Lee, alors chercheur au CERN, le laboratoire européen de physique des particules, près de Genève. Son idée date de 1989.

Portrait de Tim Berners-Lee, cheveux châtains et costume sombre, photographié de trois quarts, le regard tourné sur le côté.
Tim Berners-Lee en 2010. Photo Titouan, CC BY 2.0.

Son objectif n’avait rien de grandiose : relier les universités et les laboratoires de recherche pour qu’ils cessent de perdre leurs propres documents. Des milliers de physiciens, des dizaines de machines incompatibles, et aucun moyen simple de dire « mon rapport est là ».

L’hypertexte, lui, existait déjà : on savait depuis vingt ans relier des documents entre eux par des mots cliquables. La nouveauté de Tim Berners-Lee, c’est que le lien pouvait désigner un document sur une autre machine, ailleurs dans le monde, sans demander la permission à personne. On clique sur une idée, on arrive sur la page d’un autre laboratoire qui la détaille. Aucun registre central, aucun catalogue à tenir : chacun publie et chacun pointe vers qui il veut.

C’est ce détail qui a tout changé. Les systèmes concurrents voulaient garantir que les liens ne casseraient jamais, ce qui obligeait à tout contrôler. Le web a accepté que les liens cassent, et il a pu grandir sans limite.

Trois anecdotes.

Quand il présente son projet à son responsable en mars 1989, celui-ci annote la première page de trois mots restés célèbres : « Vague, but exciting », vague mais enthousiasmant. Le document n’a jamais été officiellement approuvé, on l’a simplement laissé travailler dessus.

Le premier serveur web de l’histoire était son ordinateur de bureau, un NeXT. Comme il devait rester allumé en permanence pour que le premier site du monde reste accessible, quelqu’un a collé dessus une étiquette écrite à la main : « Cette machine est un serveur. NE PAS L’ÉTEINDRE ! »

Le premier serveur web du monde, un ordinateur NeXT noir, exposé dans une vitrine du CERN. Une étiquette manuscrite à l’encre rouge est collée sur le boîtier : « This machine is a server. DO NOT POWER IT DOWN!! ». Devant la machine sont posés le document de proposition de 1989 et son schéma.
Le premier serveur du monde, aujourd’hui exposé au CERN, avec son étiquette et la proposition de 1989 posée devant. Photo Coolcaesar, CC BY-SA 3.0.

Quand il ajoute la possibilité d’afficher des images, en 1992, il n’en voit pas très bien l’intérêt pour des articles de physique. Il le fait un peu pour s’amuser, et demande à un collègue des photos à essayer. La première image publiée sur le web est donc la pochette de concert des Horribles Cernettes, un groupe de chanteuses parodiques du CERN qui chantaient des morceaux sur la physique des particules. Elle faisait 120 pixels de large et mettait plus d’une minute à s’afficher.

2. Des créations en cascade

Pour créer le web, il n’a pas rédigé une thèse sur la façon dont ça pourrait fonctionner. Il a tout construit :

  • Le premier serveur web, le programme qui met des documents à disposition sur internet.
  • Le premier navigateur, le programme qui va les chercher et les affiche. Il servait aussi à écrire les pages : dans sa tête, le web se lisait et s’écrivait avec le même outil.
  • Le protocole HTTP, la langue commune qui permet aux deux de se parler.
  • Le HTML, pour structurer une page de façon qu’un navigateur sache l’afficher.
  • Les adresses, ce qu’on appelle aujourd’hui les URL, pour que n’importe quel document du monde ait un nom que l’on peut écrire, mémoriser et partager.

Tout cela, il aurait pu le vendre. Il a fait l’inverse.

Le web avait un concurrent sérieux, Gopher, né dans une université américaine et plus populaire que lui au début des années 1990. En février 1993, cette université annonce qu’elle fera payer une licence à ceux qui utilisent son logiciel serveur. La communauté réagit très mal.

Deux mois plus tard, le 30 avril 1993, le CERN signe un document qui verse le code du web dans le domaine public : aucun droit, aucune redevance, aucune condition, pour tout le monde et pour toujours. Tim Berners-Lee songeait à une licence libre ; après l’épisode Gopher, il a demandé qu’il n’y ait aucune restriction du tout.

Gopher a disparu. Et les réseaux payants et fermés qui promettaient de faire mieux n’ont pas tenu non plus : en France, le Minitel, service national avec ses pages facturées à la minute, a fermé en 2012.

3. La naissance du W3C

Pour l’enseignant·e

Une idée de ce qu’est le W3C ? Vous savez ce que veut dire « www » ? Il ne reste donc que le « c » à trouver.

W3C pour World Wide Web Consortium, fondé en 1994 par Tim Berners-Lee lui-même.

Le web n’appartient à personne, et c’est précisément pour cela qu’il faut un endroit où se mettre d’accord. Le W3C est cet endroit : on y écrit les règles communes du web, pour qu’une page écrite une fois s’affiche partout, dans tous les navigateurs, sur tous les appareils, sans que son auteur ait à demander la permission à qui que ce soit. Ce ne sont pas des lois : personne n’est obligé de les suivre. Mais un navigateur qui s’en écarte affiche les pages de travers, et ses utilisateurs s’en vont.

Les membres du W3C payent une cotisation et envoient des employés aux discussions, pour avoir leur mot à dire sur l’avenir du web. Ils sont plus de trois cents, et l’éventail est plus large qu’on ne l’imagine.

  • La tech, sans surprise : Google, Microsoft, Apple, Amazon, Meta, mais aussi des chinois comme Alibaba ou Baidu. Côté français, on trouve surtout de la recherche publique, l’Inria et l’Institut Mines-Télécom.
  • L’audiovisuel : la BBC, la NHK japonaise, Disney, Sony, le New York Times, le Washington Post. Le web et le piratage les ont évidemment motivés, et ils ont gagné leurs batailles : en 2017, le W3C a adopté une norme de verrouillage des contenus vidéo, contre l’avis d’une partie de ses membres.
  • L’édition : les quatre plus grands éditeurs de mangas japonais sont membres. Ils veulent que l’écriture verticale et les annotations japonaises s’affichent correctement, et que le livre numérique repose sur les mêmes technologies que le web.
  • La banque et le paiement : Visa, Mastercard, PayPal, American Express. Leur sujet, c’est de payer sur le web sans retaper son numéro de carte à chaque fois.
  • L’automobile : les constructeurs sont arrivés par un groupe de travail dédié, parce que les tableaux de bord de nos voitures sont de plus en plus souvent des pages web déguisées.

Tout le monde tire la couverture à soi, et dans les années 2000 il devenait difficile de décider quoi que ce soit. La sortie de crise a été de découper le travail en petits morceaux : au lieu d’une version géante de CSS à approuver d’un bloc, une trentaine de modules indépendants qui avancent chacun à son rythme. C’est ainsi qu’on a eu CSS3 et HTML5, et que depuis les nouveautés arrivent en continu plutôt que tous les dix ans.

4. Un consortium ouvert

Les discussions et les décisions sont publiques. Les réunions ont un compte rendu que n’importe qui peut lire, et les propositions de modification des règles du web sont visibles par tous, au fil de l’eau.

Mieux : on peut parfois donner son avis. Les textes se travaillent sur des plateformes publiques où chacun peut ouvrir une discussion, signaler un cas oublié ou expliquer pourquoi une proposition poserait problème sur son site. Il ne s’agit pas de voter, la décision revient aux groupes de travail, mais l’argument d’un inconnu y est lu comme les autres.

Et le résultat est gratuit : les règles du web se lisent en ligne, sans payer, ce qui n’a rien d’évident. Dans la plupart des autres industries, les normes s’achètent.

5. HTML, un format ouvert

Un format est dit ouvert quand trois conditions sont réunies.

  1. Sa description complète est publiée, et lisible par tous.
  2. N’importe qui peut l’utiliser ou l’implémenter, sans demander d’autorisation ni payer de redevance.
  3. Aucune entreprise ne le contrôle seule.

HTML coche les trois. À l’inverse, un format fermé appartient à quelqu’un : il faut sa permission, souvent son logiciel, parfois une licence, et le jour où il cesse de s’y intéresser, les fichiers deviennent illisibles.

Ce n’est pas une subtilité juridique, ça change la vie tous les jours.

  • Vous pouvez lire la spécification complète de HTML, gratuitement, ainsi que les discussions en cours sur ce qu’elle deviendra.
  • Vous pouvez voir le code source de tous les sites que vous visitez, y compris ceux de vos concurrents. Le web est la seule industrie où l’on livre la recette avec le plat.
  • Vous pouvez écrire une page avec n’importe quoi, un éditeur de texte suffit. Aucun logiciel à acheter, aucun compte à créer.
  • N’importe qui peut écrire un navigateur. C’est pour cela qu’il en existe plusieurs, et que vous pouvez en changer.
  • Vos pages ne dépendent de la survie de personne. Une page écrite en 1995 s’ouvre encore aujourd’hui, et les navigateurs s’interdisent de casser l’ancien pour faire du neuf.
  • La page reste lisible par des machines : un moteur de recherche, un lecteur d’écran pour une personne aveugle, un outil d’archivage. Le contenu n’est pas enfermé dans une image.
Pour les élèves

Utilisez le bouton ci-dessous pour regarder comment est construite cette page internet. Chaque élément que vous survolez s’entoure d’un trait et annonce sa balise : <h2>, <p>, <strong>… Un second clic, ou la touche Échap, éteint le mode.

6. Le web, un fragment de monde idéal

Sur le web, c’est vous qui décidez comment s’affiche ce que l’on vous propose.

C’est un peu comme si vous achetiez chaque page en kit, avec sa notice de montage : c’est votre navigateur qui la monte, chez vous, et il la monte selon vos instructions.

  • Vous préférez les pages sombres ou claires ? Vous décidez.
  • Vous voulez enlever les publicités ? C’est possible, mais tous les navigateurs n’y aident pas. Après plusieurs années à multiplier les limitations, Google a finalement désactivé les bloqueurs sans recours dans Chrome, en juillet 2025, et le plus connu d’entre eux a disparu de sa boutique en août 2026.
  • Zoomer ? Personne ne peut vous l’interdire.
  • Une version texte pour imprimer ? Votre navigateur sait faire.
  • Refuser les images trop lourdes ? Il filtre.
  • Enlever les traqueurs publicitaires ? Évidemment.

Tout cela passe par les réglages de votre navigateur, par des extensions, ou en modifiant la page vous-même.

Pour l’enseignant·e

Demandez à la classe : est-ce pareil avec les applications, selon vous ? Qu’est-ce qui vous fait choisir entre le site mobile et l’application ? Imaginez-vous ce que vous perdez en utilisant une application ?

Et ce n’est pas rien. Quand vous avez le choix entre le site web et l’application mobile, préférez le site web.

6.1 L’exemple de la boîte à outils de Facebook

Une application, vous l’installez telle quelle : c’est elle qui décide, et elle en profite.

La plupart sont construites avec des boîtes à outils toutes faites, dont la plus répandue est celle de Facebook : elle offre le bouton de connexion, la mesure d’audience, et bien d’autres commodités. En décembre 2018, une association a analysé trente-quatre applications Android très populaires : six sur dix prévenaient Facebook à la seconde où on les ouvrait, avant toute demande de consentement.

Et sans compte Facebook, alors ? Cela ne change rien. Ce qui part, ce n’est pas votre nom, c’est le numéro publicitaire de votre téléphone, un identifiant unique que toutes vos applications partagent. Facebook n’a pas besoin de savoir qui vous êtes pour rassembler sous ce numéro la liste des applications que vous ouvrez, et l’heure à laquelle vous le faites.

Sur le web, ce même mouchard existe, mais vous pouvez le refuser d’un clic. Dans une application, vous ne pouvez ni le voir, ni le retirer.

6.2 L’exemple de l’accès au presse-papier

En juillet 2020, une nouvelle version d’iOS s’est mise à prévenir l’utilisateur chaque fois qu’une application lisait le presse-papier. Surprise : l’application LinkedIn le lisait à chaque frappe au clavier. L’entreprise a répondu qu’il s’agissait d’un bug, et qu’elle ne conservait ni n’envoyait rien. C’est possible. Le problème est qu’on ne peut pas le vérifier.

La même semaine, TikTok était pris en faisant la même chose, et les chercheurs qui avaient donné l’alerte comptaient une cinquantaine d’applications dans ce cas. Il aura fallu qu’Apple ajoute un voyant lumineux pour que quiconque s’en aperçoive. C’est ça, la force de la transparence : ce n’est pas une politesse, c’est une garantie.

Sur le web, rien de tout cela ne passerait inaperçu. Lire votre presse-papier demande une autorisation explicite, le code de la page est lisible par n’importe qui, et une extension peut le surveiller. Une application, elle, est une boîte fermée que vous installez sur la foi de sa description.

6.3 L’exemple du niveau de batterie

Le niveau de batterie de votre téléphone n’a l’air de rien. C’est pourtant une information sensible.

Pour l’enseignant·e

Demandez à la classe comment une application pourrait faire mauvais usage de votre niveau de batterie.

Imaginez-vous avec 9 % de batterie, à devoir commander un taxi. Êtes-vous à l’aise ? Avez-vous vraiment le loisir d’aller comparer les prix chez le concurrent ? 8 %, le temps presse.

En 2016, le responsable de la recherche économique d’Uber a raconté à la radio que ses données étaient formelles : quand la batterie est presque vide, les clients acceptent les tarifs majorés beaucoup plus facilement. Il a ajouté dans la même phrase que l’entreprise ne s’en servait pas. C’est peut-être vrai. Simplement, personne ne peut le vérifier : entre cette information et son usage, il n’y a qu’une promesse.

Sur le web, cette information a existé. Les pages pouvaient lire le niveau de batterie, jusqu’à ce que des chercheurs démontrent en 2015 qu’elle suffisait à reconnaître un visiteur d’un site à l’autre. Firefox l’a retirée en 2016, Safari ne l’a jamais activée. Chrome, lui, la donne toujours.

Dans une application, ce débat n’a jamais eu lieu : le niveau de batterie est disponible pour toutes, sans autorisation à demander, et sans que vous en sachiez rien.

7. Un monde idéal à défendre

Le web est votre ami, et pas forcément celui des grandes entreprises. L’utiliser plutôt que leurs applications, c’est déjà une petite révolte.

Parfois on a envie de baisser les bras, et on aurait tort. Reprenons l’exemple de la boîte à outils de Facebook : trois mois après le signalement, les deux tiers des applications avaient corrigé le tir, dont Spotify, Kayak, Dropbox et Tripadvisor. Une enquête publique a suffi à faire bouger la majorité du marché : « tout le monde vous espionne » n’est pas une fatalité.

Et vous pouvez faire mieux. Votre navigateur est le seul logiciel de votre téléphone qui travaille pour vous et contre le site que vous visitez : autant en choisir un dont le fabricant ne vit pas de la publicité (contrairement à Chrome) et ne possède pas la boutique d’applications (contrairement à Safari). Chrome et Edge partagent le même moteur, celui de Google ; si tout le monde l’utilise, une seule entreprise décide de ce qu’est le web.

Firefox n’est pas parfait, mais je vous conseille de participer à cette révolte et de l’utiliser :

Téléchargez Firefox !