Cours HTML et CSS · Module 2: Internet et éléments HTML

Histoire et évolution d'Internet

4 min de lecture
Dans cette leçon6

Imagine que tu te tiens aux portes de la grande Bibliothèque d'Alexandrie - un lieu qui rassemblait tout le savoir du monde antique. Internet est la version moderne de cette bibliothèque, mais son histoire est aussi fascinante que l'histoire de l'Égypte elle-même. Explorons-la ensemble !

Le début - ARPANET (1969)

Tout a commencé en 1969, lorsque le ministère de la Défense des États-Unis a créé le réseau ARPANET. C'était le premier réseau étendu à commutation de paquets ; au départ, il reliait quatre sites : trois universités et l'institut de recherche SRI. Imagine-le comme la première route commerciale entre quatre villes de l'Égypte ancienne - petite, mais révolutionnaire !

ARPANET permettait la transmission de données entre des ordinateurs distants. Le premier message envoyé à travers le réseau fut « LO » - il devait être « LOGIN », mais le système a planté après deux caractères. Malgré cela, ce fut un énorme pas en avant.

Le protocole TCP/IP (1983) - Un langage commun

En 1983, le protocole TCP/IP (Transmission Control Protocol / Internet Protocol) a été introduit. Ce fut comme l'invention des hiéroglyphes - un langage universel qui a permis à différents réseaux de communiquer entre eux.

Le TCP/IP définit comment les données sont divisées en paquets, adressées et transmises entre les ordinateurs. Grâce à lui, Internet est devenu un réseau véritablement mondial, reliant les ordinateurs du monde entier.

1<!-- Étapes clés d'Internet -->
2<h2>Chronologie d'Internet</h2>
3<ol>
4    <li><strong>1969</strong> - ARPANET : le premier réseau étendu à paquets</li>
5    <li><strong>1971</strong> - Premier e-mail envoyé par Ray Tomlinson</li>
6    <li><strong>1983</strong> - TCP/IP : protocole de communication universel</li>
7    <li><strong>1991</strong> - WWW : World Wide Web par Tim Berners-Lee</li>
8    <li><strong>1993</strong> - Mosaic : le premier navigateur populaire avec des images dans le texte</li>
9</ol>

World Wide Web (1991) - Le savoir pour tous

En 1989, Tim Berners-Lee a proposé le World Wide Web - un système de pages reliées par des hyperliens - et en 1991, il l'a rendu accessible au monde entier. Ce fut un moment comparable à l'invention du papyrus - soudain, le savoir est devenu accessible à tous !

Berners-Lee a créé trois technologies fondamentales :

  • HTML (HyperText Markup Language) - un langage pour créer des pages
  • URL (Uniform Resource Locator) - un système d'adressage des ressources
  • HTTP (HyperText Transfer Protocol) - un protocole de communication
1<h2>Les trois piliers du WWW</h2>
2<table border="1">
3    <tr>
4        <th>Technologie</th>
5        <th>Fonction</th>
6        <th>Analogie égyptienne</th>
7    </tr>
8    <tr>
9        <td>HTML</td>
10        <td>Structure de la page</td>
11        <td>Hiéroglyphes - méthode d'écriture</td>
12    </tr>
13    <tr>
14        <td>URL</td>
15        <td>Adresses des ressources</td>
16        <td>Carte des temples</td>
17    </tr>
18    <tr>
19        <td>HTTP</td>
20        <td>Protocole de communication</td>
21        <td>Messagers du pharaon</td>
22    </tr>
23</table>

Mosaic (1993) - Des images dans le texte

Le premier navigateur, WorldWideWeb, est né fin 1990, mais il ouvrait les images dans des fenêtres séparées : les pages ressemblaient donc à des tablettes de pierre couvertes de texte. En 1993, le navigateur Mosaic a été le premier à afficher les images directement dans le texte. Ce fut comme le passage des simples inscriptions aux fresques colorées dans les tombeaux des pharaons !

Mosaic fut une percée car il a rendu Internet visuel et accessible aux gens ordinaires. Peu après, d'autres navigateurs sont apparus : Netscape Navigator (1994), Internet Explorer (1995), et bien d'autres.

Web 2.0 (2004+) - L'ère de l'interactivité

Vers 2004, Internet a connu une autre révolution - le Web 2.0. Les utilisateurs ont cessé d'être de simples lecteurs passifs et ont commencé à créer du contenu :

  • 2004 - Facebook : relier les gens du monde entier
  • 2005 - YouTube : tout le monde peut publier des vidéos
  • 2006 - Twitter : de courts messages en temps réel
  • 2001 - Wikipédia : une encyclopédie créée par la communauté

C'était comme si chaque Égyptien pouvait ajouter ses propres hiéroglyphes sur les murs du temple - la démocratisation du savoir !

Internet aujourd'hui et demain

L'Internet moderne est un réseau incroyablement vaste reliant des milliards d'appareils :

  • IoT (Internet of Things) - réfrigérateurs, montres, voitures connectés au réseau
  • 5G - connexions mobiles ultra-rapides
  • IA - intelligence artificielle qui assiste la recherche et la création de contenu
  • Cloud Computing - calcul dans le nuage

Internet a parcouru un long chemin, de quatre ordinateurs connectés en 1969 à un réseau mondial reliant plus de 5 milliards d'utilisateurs. C'est comme si, d'un petit village sur le Nil, l'Égypte ancienne tout entière avait grandi - avec ses pyramides, ses temples et ses routes commerciales s'étendant à travers tout le monde connu !

Code de cette leçon : index.html
1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <meta charset="UTF-8">
5    <title>Histoire d'Internet</title>
6</head>
7<body>
8    <h1>Histoire d'Internet - D'ARPANET à l'IoT</h1>
9
10    <h2>Chronologie d'Internet</h2>
11    <ol>
12        <li><strong>1969</strong> - ARPANET : premier réseau étendu à paquets (4 ordinateurs)</li>
13        <li><strong>1971</strong> - Premier e-mail (Ray Tomlinson)</li>
14        <li><strong>1983</strong> - TCP/IP : protocole universel</li>
15        <li><strong>1991</strong> - WWW : Tim Berners-Lee crée les pages</li>
16        <li><strong>1993</strong> - Mosaic : des images dans le texte</li>
17        <li><strong>2004</strong> - Web 2.0 : Facebook, YouTube, Wikipédia</li>
18    </ol>
19
20    <h2>Les trois piliers du WWW</h2>
21    <table border="1" cellpadding="8">
22        <tr>
23            <th>Technologie</th>
24            <th>Fonction</th>
25            <th>Analogie égyptienne</th>
26        </tr>
27        <tr>
28            <td>HTML</td>
29            <td>Structure de la page</td>
30            <td>Hiéroglyphes</td>
31        </tr>
32        <tr>
33            <td>URL</td>
34            <td>Adresses des ressources</td>
35            <td>Carte des temples</td>
36        </tr>
37        <tr>
38            <td>HTTP</td>
39            <td>Protocole de communication</td>
40            <td>Messagers du pharaon</td>
41        </tr>
42    </table>
43
44    <!-- Ajoute une section sur l'Internet moderne -->
45    <!-- Décris l'IoT, la 5G, le cloud computing -->
46</body>
47</html>

Tu as repéré une erreur dans cette leçon ?

Teste tes connaissances

Réponds aux questions de cette leçon. Choisis une réponse pour voir tout de suite si elle est correcte.

  1. 1. Que fait la balise <figcaption> ?

  2. 2. Quel format d'image est vectoriel (redimensionnable sans perte de qualité) ?

Tâches pratiques dans le jeu

  • Éditeur de code

    Crée une page HTML avec une chronologie du développement d'Internet dans un style égyptien. Ajoute un titre <h1> et au moins 4 événements avec leur année (par exemple 1969 - ARPANET), chacun dans son propre paragraphe <p> ou élément de liste <li>.

  • Clique dans l'ordre

    Ordonne les étapes de rendu d'une page après la réception d'une réponse :

  • Éditeur de code

    Crée 3 objets de musée : le masque de Toutânkhamon, la pierre de Rosette, le Sphinx. Place chacun dans <figure> avec <img> et <figcaption>. Ajoute <hr> et un pied de page.

  • Tri vertical

    Ordonne les éléments de figure dans le bon ordre, de haut en bas :

  • Clique dans l'ordre

    Ordonne l'attribut qui définit la largeur de l'image :

  • Éditeur de code

    Crée un portfolio avec 2 projets de fouilles. Chacun avec un titre, une photo dans <figure> avec <figcaption>, une description utilisant <strong> et <em>, un lien « Lire la suite », et un séparateur <hr>.

  • Tri vertical

    Ordonne les étapes clés d'Internet dans l'ordre chronologique :

Articles utiles