Aller au contenu

Sciences numériques et technologie · Seconde

HTML, CSS et pages web : fiche de révision de SNT en Seconde

Publié le 9 novembre 2026 · Mis à jour le 9 novembre 2026 · Signaler une erreur

L'essentiel

  • Une page web est consultée avec un navigateur et repérée par une adresse web ; elle est écrite en HTML 5.
  • Le HTML organise le contenu (titres, textes, images), le CSS règle l'apparence, JavaScript ajoute des fonctions plus avancées 25.
  • Un fichier HTML a deux grandes parties : le head (informations pour le navigateur, non affichées) et le contenu visible 3.
  • Une page peut appeler des images, vidéos ou sons, chacun repéré par son URL 5.
  • Pour publier une page, on l'écrit dans un éditeur de texte puis on la dépose sur un serveur web 5.

Ce qu'est une page web

Concrètement, une page web est un fichier texte rédigé dans un langage de description : le HTML 3. Ce sigle veut dire Hypertext Markup Language 5.

Tu accèdes à une page de deux façons : en tapant son adresse dans la barre du navigateur, ou en cliquant sur un hyperlien placé dans une autre page, un mail ou une application 5. La page d'accueil d'un site est celle dont l'adresse correspond à la racine du site 5.

Trois technologies, trois rôles

Les trois technologies d'une page web
TechnologieRôle
HTMLStructure et contenu : titres, textes, images
CSSMise en page et apparence
JavaScriptFonctionnalités plus avancées
Les trois technologies d'une page web · Rôle de chaque technologie.

La structure d'un fichier HTML

Une page HTML repose sur des balises, écrites entre chevrons. La plupart des éléments ont une balise ouvrante et une balise fermante, mais certains n'en ont qu'une, comme <meta>. Voici un squelette très simple, écrit pour t'illustrer le principe :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ma page</title>
  </head>
  <body>
    <h1>Bonjour</h1>
    <p>Mon premier paragraphe.</p>
  </body>
</html>

Les ressources et l'adaptation à l'écran

HTML et CSS permettent au navigateur d'ajuster l'affichage selon la situation : taille de la fenêtre, polices disponibles, couleurs disponibles, préférences du visiteur 5. Une même page peut donc s'afficher différemment sur un téléphone et sur un écran de télévision 5.

Créer et publier une page

Questions flash

4 questions · correction immédiate · ton score reste sur ton appareil.

  1. Quel langage décrit la structure et le contenu d'une page web ?

  2. Tu veux changer la couleur des titres et la disposition des blocs sans toucher au texte. Que modifies-tu ?

  3. Les informations placées dans le head d'une page s'affichent directement dans la fenêtre du navigateur.

  4. Parmi ces éléments, lesquels peuvent faire partie d'une page web ? (plusieurs réponses)

    Plusieurs réponses possibles.

Les questions qu'on se pose

Quelle différence entre une page web et un site web ?

Une page web est une unité de consultation, repérée par une adresse 5. Un site regroupe plusieurs pages ; sa page d'accueil est celle dont l'adresse correspond à la racine du site 5.

Faut-il un logiciel spécial pour écrire du HTML ?

Non. Un simple éditeur de texte suffit, même si des éditeurs HTML spécialisés existent 5. Pour que d'autres personnes voient ta page, il faut ensuite la placer sur un serveur web 5.

Pourquoi séparer le HTML et le CSS ?

Chaque langage a son rôle : le HTML organise le contenu, le CSS gère l'apparence 2. Ainsi, tu peux refaire le style d'une page sans réécrire son texte, et le navigateur peut adapter l'affichage à l'écran du visiteur 5.

Sources

Programme visé : Programmes et ressources en Sciences numériques et technologie - voie générale et technologique (SNT Seconde) · Éduscol - Ministère de l'Éducation nationale

  1. Programmes et ressources en Sciences numériques et technologie - voie générale et technologique (SNT Seconde), Éduscol - Ministère de l'Éducation nationale. Consulté le 9 novembre 2026.
  2. Ressources d'accompagnement SNT - Le Web, Éduscol. Consulté le 9 novembre 2026.
  3. Construire une page web, STI Éduscol. Consulté le 9 novembre 2026.
  4. COURS Le WEB SNT, Académie de Normandie. Consulté le 9 novembre 2026.
  5. Page web, Wikipédia. Consulté le 9 novembre 2026.

Les numéros dans le texte renvoient à ces sources. Une source qui ne dit pas ce qu'on lui fait dire ? Signale-le.

Signaler une erreur sur cette page

Je suis en…

Primaire

  • CP Bientôt
  • CE1 Bientôt
  • CE2
  • CM1
  • CM2 Bientôt

Collège

Lycée

Supérieur

  • BTS Bientôt
  • BUT Bientôt
  • Licence Bientôt
  • Prépas Bientôt

Sur cette page