Le Web : HTTP, HTML, CSS, JS

En clair. Architecture client-serveur

Ce qu'on te demande au bac (Spé NSI) : maîtriser le vocabulaire de « Le Web : HTTP, HTML, CSS, JS », savoir refaire les raisonnements du cours et les réutiliser sur un sujet ou un document nouveau.

Conseil de révision. Lis d'abord cet encadré, puis fais le quiz : si tu bloques, reprends la partie du cours correspondante.

Le Web : HTTP, HTML, CSS, JavaScript

Architecture client–serveur

Le Web est un système hypertexte sur Internet. Un navigateur (client) envoie une requête à un serveur qui renvoie une ressource. Chaque ressource est identifiée par une URL : https://exemple.fr/cours.html?id=42.

HTTP / HTTPS

HTTP (HyperText Transfer Protocol) est un protocole sans état sur TCP (port 80). HTTPS le sécurise avec TLS (port 443).

Requête type :

GET /cours.html HTTP/1.1
Host: exemple.fr
User-Agent: Firefox/120

Réponse type :

HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8
Content-Length: 1234

<!DOCTYPE html>...

Méthodes principales : GET (lecture), POST (envoi de données), PUT (remplacement), DELETE. Codes : 200 OK, 301 redirection permanente, 404 non trouvé, 500 erreur serveur.

L'état est maintenu côté client via cookies ou côté serveur via sessions.

HTML — structure

Le HTML décrit la structure sémantique :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Cours NSI</title>
</head>
<body>
  <h1>Le Web</h1>
  <p>Un <a href="/info">lien</a>.</p>
  <form action="/login" method="post">
    <input name="user"><button>OK</button>
  </form>
</body>
</html>

CSS — présentation

Le CSS sépare le style du contenu :

h1 { color: navy; font-size: 2em; }
.alerte { background: #fee; padding: 8px; }

JavaScript — interactivité

Exécuté côté client par le navigateur (moteur V8, SpiderMonkey…). Modifie le DOM (arbre du document) :

<button id="b">Cliquer</button>
<script>
  document.getElementById('b').onclick = () => alert('hello');
</script>

Sécurité

Risques : XSS (injection de script), CSRF (requête forgée), injection SQL côté serveur. Parades : échappement des entrées, jetons CSRF, requêtes paramétrées, HTTPS systématique.