1. Demande HTTP : Votre navigateur envoie une requête HTTP (Hypertext Transfer Protocol) au serveur Web hébergeant la page Web. Cette requête précise l'URL.

2. Réponse du serveur : Le serveur reçoit la requête, localise les ressources demandées (fichier HTML, images, feuilles de style CSS, fichiers JavaScript, etc.) et renvoie une réponse contenant les données demandées. Cette réponse inclut les en-têtes HTTP (métadonnées sur le contenu) et le contenu réel de la page Web.

3. Analyse HTML : Le moteur de rendu du navigateur reçoit la réponse HTML. Il analyse le code HTML, qui est un document structuré qui définit le contenu et la structure de la page Web. Le HTML contient des éléments qui spécifient le contenu du texte (`

', '

`, etc.) et les éléments qui renvoient à des ressources externes, comme les images (` `).

4. Récupération de ressources : Lorsque l'analyseur HTML rencontre un ` Balise `, elle extrait l'attribut `src` (qui contient l'URL du fichier image). Le navigateur envoie ensuite une autre requête HTTP pour récupérer ce fichier image. Le même processus s'applique aux fichiers CSS (styles), aux fichiers JavaScript (scripts) et aux autres ressources liées dans le HTML.

5. Moteur de rendu : Le moteur de rendu rassemble toutes les ressources récupérées. Le texte est rendu selon la structure HTML et les styles CSS appliqués. Les images sont affichées en fonction de leur format de fichier (JPEG, PNG, GIF, etc.) et de leurs dimensions. Le code JavaScript, s'il est présent, s'exécute et peut modifier dynamiquement le contenu et le comportement de la page.

6. Affichage : La page Web rendue, combinant du texte, des images et d'autres éléments, est enfin affichée sur votre écran. Le moteur de mise en page du navigateur gère le positionnement et la disposition de ces éléments selon le HTML et le CSS.

Aucune "connaissance" inhérente : Il n'y a pas de communication magique entre le texte et les graphiques. Le navigateur agit comme un interpréteur et un moteur de rendu, suivant les instructions codées dans les fichiers HTML, CSS et JavaScript pour afficher correctement le contenu de la page Web. Le texte et les graphiques sont simplement des données ; le navigateur interprète ces données et les présente visuellement. Le texte lui-même ne « sait » pas qu'il est affiché à côté d'un graphique; c'est le travail du navigateur de les organiser en fonction de la conception de la page Web.