Se connecter

Le Web : HTTP, HTML, CSS, JS

Architecture client-serveur

Se connecter pour contribuerPublié le · Dernière mise à jour le

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.

Sources et références

Ce cours est rédigé par l'équipe RévisionBac à partir du programme officiel et des sources institutionnelles ci-dessous. Elles permettent de vérifier les définitions, les chiffres et les normes citées.

  1. 1.Programmes et ressources du lycée général et technologique — Éduscol — Ministère de l'Éducation nationale
  2. 2.Bulletin officiel de l'Éducation nationale (programmes du baccalauréat) — education.gouv.fr
  3. 3.Ressources et programme de NSI — Éduscol
  4. 4.Documentation du langage Python — Python Software Foundation
  5. 5.Protection des données et RGPD — CNIL
  6. 6.Guides et recommandations de sécurité numérique — ANSSI

Contenu vérifié et mis à jour le 08/08/2026. Les liens renvoient vers les sites officiels des éditeurs cités.

Historique éditorial

Ce chapitre est rédigé et relu par l'équipe RévisionBac, puis enrichi par les contributions validées.

  1. — Dernière mise à jour du cours (relecture et enrichissement)
  2. — Première publication de la fiche de cours