Le Web et sa première page
Cours · HTML : structurer le Web (école d'ingénieur), chapitre 1 · école d'ingénieur, informatique · le début du chapitre, la suite sur Adloun
Vous tapez une adresse dans la barre de votre navigateur, et une page s'affiche : un titre, du texte, des images, des liens vers d'autres pages. Derrière ce geste banal se cachent un réseau, un dialogue entre deux programmes, et un langage : HTML. Ce chapitre explique ce qui se passe entre la frappe de l'adresse et l'affichage de la page, puis écrit la première page de notre fil rouge, La Librairie du Campus.
Objectifs du chapitre
- Distinguer Internet et le Web, le client et le serveur.
- Lire une adresse (URL) et une réponse HTTP dans les outils de développement du navigateur.
- Comprendre ce que sont un élément, une balise et un attribut, et les règles d'imbrication.
- Écrire un document HTML minimal valide, et le faire vérifier par un validateur.
1.1 Internet, le Web et HTTP
1.1.1 Deux mots que l'on confond
Internet est un réseau mondial de réseaux d'ordinateurs : il transporte des paquets de données d'une machine à une autre, quel que soit leur contenu. Le Web (World Wide Web) est un service qui fonctionne sur Internet, parmi d'autres (le courriel, la visioconférence, les jeux en ligne). Il est fait de pages reliées entre elles par des liens hypertextes.
Le Web repose sur trois inventions, toutes trois dues à Tim Berners-Lee :
- une manière de nommer chaque page : l'adresse ou URL ;
- une manière de demander une page et de la recevoir : le protocole HTTP ;
- une manière d'écrire une page : le langage HTML.
Repère historique : le Web naît au CERN
En mars 1989, Tim Berners-Lee, informaticien au CERN, à Genève, propose à sa hiérarchie un système pour partager les documents des physiciens. Sa directrice annote la proposition d'un « vague, mais passionnant ». À la fin de 1990, le premier serveur web et le premier navigateur fonctionnent sur son ordinateur NeXT. En 1993, le CERN verse le Web dans le domaine public : n'importe qui peut l'utiliser sans payer de droits. Le langage HTML est ensuite normalisé par le W3C (fondé en 1994), puis, depuis 2004, par le WHATWG, un groupe formé par les éditeurs de navigateurs. HTML5 n'est plus une version figée : c'est un « standard vivant » (Living Standard), mis à jour en continu.
1.1.2 Le client et le serveur
Afficher une page met en jeu deux programmes, sur deux machines différentes.
Le client est le programme qui demande une ressource ; pour le Web, c'est le navigateur (Firefox, Chrome, Safari, Edge…). Le serveur est le programme qui attend les demandes et y répond ; il tourne sur une machine connectée en permanence, et renvoie des fichiers ou des pages qu'il fabrique à la demande.
1.1.3 Une adresse, en détail
Une URL (Uniform Resource Locator) dit où se trouve une ressource et comment l'obtenir. Décomposons celle-ci :
https://www.librairie-campus.fr:443/livres/java.html?format=poche#resume| Partie | Rôle |
|---|---|
https | le schéma : le protocole à utiliser (HTTP chiffré) |
www.librairie-campus.fr | l'hôte : le nom de la machine serveur |
443 | le port (facultatif ; 443 est celui de HTTPS par défaut) |
/livres/java.html | le chemin de la ressource sur le serveur |
?format=poche | la requête : des paramètres nom=valeur |
#resume | le fragment : un endroit dans la page |
Le fragment n'est jamais envoyé au serveur : c'est le navigateur qui l'utilise, pour faire défiler la page jusqu'au bon endroit (chapitre 3).
1.1.4 La requête et la réponse HTTP
Lorsque vous validez l'adresse, le navigateur ouvre une connexion vers l'hôte et envoie une requête HTTP. C'est du texte, que l'on peut lire :
GET /livres/java.html HTTP/1.1
Host: www.librairie-campus.fr
Accept: text/html
Accept-Language: fr-FR,frLa première ligne contient la méthode (GET : « donne-moi cette ressource »), le chemin et la version du protocole. Les lignes suivantes sont des en-têtes. Le serveur répond :
HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Content-Length: 1834
<!DOCTYPE html>
<html lang="fr">
…La première ligne de la réponse porte un code d'état. Les plus fréquents :
La suite du cours est sur Adloun
Le chapitre en entier, formules et figures comprises, avec le tuteur, les fiches, les QCM et les exercices.
Lire la suite du coursEn accès libre, sans inscription.