SNT · Seconde · Naviguer
La page web (HTTP et langages HTML et CSS)
Demander, décrire, habiller.
En bref
Afficher une page suppose trois choses : un protocole pour la demander, un langage pour en décrire le contenu, un autre pour en régler l'apparence.
HTTP et HTTPS
Le protocole HTTP fonctionne par requête et réponse.
| Le code de réponse | Sa signification |
|---|---|
| 200 | Succès |
| 301 | Redirection |
| 404 | Introuvable |
| 500 | Erreur du serveur |
HTTPS ajoute le chiffrement TLS : le contenu devient illisible pour un tiers, et l'identité du site est authentifiée par un certificat.
HTML : le contenu et sa structure
| La balise | Ce qu'elle décrit |
|---|---|
| h1 à h6 | Les titres, par niveau |
| p | Un paragraphe |
| ul et li | Une liste et ses éléments |
| a | Un lien |
| img | Une image |
| table | Un tableau |
Une page bien structurée est lisible par un lecteur d'écran et mieux comprise par un moteur de recherche.
CSS : la présentation
Le CSS applique des règles de style à des éléments sélectionnés : couleur, taille, police, marges, disposition.
| Son avantage | Ce qu'il permet |
|---|---|
| Une seule feuille de style | Habiller des milliers de pages |
| Les requêtes de média | Adapter l'affichage à la taille de l'écran : le responsive |
HTML dit ce que sont les choses ; CSS dit à quoi elles ressemblent. Mélanger les deux est la première erreur du débutant.
Ce qui se passe à l'affichage
- Le navigateur télécharge le HTML.
- Il construit une représentation de la page.
- Il télécharge feuilles de style, images et scripts.
- Il dessine le résultat.
- JavaScript peut ensuite modifier la page sans la recharger : c'est ce qui la rend interactive.
Teste-toi
6 questions pour vérifier
Touche une réponse : la correction s’affiche tout de suite.
1.Que signifie le code HTTP 404 ?
2.Qu’ajoute HTTPS par rapport à HTTP ?
3.À quoi sert le langage HTML ?
4.À quoi sert le langage CSS ?
5.Quel langage rend une page interactive sans la recharger ?
6.Une page HTML bien structurée est mieux lue par les lecteurs d’écran.
0 / 6 questions
Dans l’app, ce chapitre a son quiz complet, chronométré, et tes erreurs reviennent au bon moment pour ne plus les refaire.
La fiche de révision, sur une page
Tout « Page web : HTML, CSS » sur une seule page A4 illustrée : l’essentiel, les pièges et un mini-test. Elle se débloque dans l’app avec des gemmes — et ton compte gratuit en offre assez pour tes trois premières fiches.
