Aller au contenu

Numérique et sciences informatiques (spécialité) · Première

HTML et CSS : fiche de révision de Première NSI

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

L'essentiel

  • HTML est un langage de balises qui décrit la structure d'une page Web ; CSS s'occupe de sa mise en forme.
  • Une balise ouvrante <nom> et une balise fermante </nom> délimitent un élément ; les attributs s'écrivent attribut="valeur" dans la balise ouvrante.
  • Un document contient un élément head et un élément body ; l'attribut lang indique la langue.
  • Les éléments sont de type bloc ou texte (en ligne).
  • Retiens la séparation : le contenu et sa structure en HTML, l'apparence en CSS.

Le rôle de HTML et de CSS

Quand tu ouvres un site dans ton navigateur, tu lis une page écrite dans un langage de balises appelé HTML. 2 Ce langage ne calcule rien : il décrit ce que contient la page. Il indique par exemple où sont les titres, les paragraphes et les liens.

Anatomie d'une balise

Structure d'un document et types d'éléments

Liens, évolution du langage et suite du programme

Le lien hypertexte fait partie des éléments que le HTML permet de définir. 4 Un lien peut aussi pointer vers une autre partie de la même page : on parle de lien intra-page. 3

Méthode pour lire ou écrire une page

Questions flash

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

  1. Quel est le rôle principal du langage HTML ?

  2. Quelle écriture correspond à une balise fermante de paragraphe ?

  3. Où s'écrivent les attributs d'un élément ?

  4. Un document HTML classique contient un élément head et un élément body.

  5. Quelles sont les deux catégories d'éléments HTML ?

Les questions qu'on se pose

Quelle est la différence entre HTML et CSS ?

Le HTML structure le contenu : il dit qu'un morceau est un titre, un paragraphe ou un lien. 4 Le CSS règle la mise en forme de ces éléments. 4 Un bon réflexe : si tu changes ce que dit la page, tu touches au HTML ; si tu changes son apparence, tu touches au CSS.

Pourquoi faut-il fermer les balises ?

La balise fermante marque la fin de la zone concernée par l'élément. 4 Sans elle, le navigateur doit deviner où l'élément s'arrête et la page peut s'afficher de travers. Prends l'habitude d'écrire la fermante dès que tu écris l'ouvrante.

À quoi sert l'attribut lang ?

Il précise la langue principale du document, par exemple en pour l'anglais. 4 Pour une page en français, on écrit lang="fr" dans l'élément racine.

Sources

  1. Ressources libres sur la science informatique - programmation, réseau, codage de l'information, Éduscol STI. Consulté le 7 novembre 2026.
  2. Ressource pédagogique NSI — HTML & CSS, Éduscol. Consulté le 7 novembre 2026.
  3. HTML & CSS en NSI — Cours et exercices, Académie de Lyon. Consulté le 7 novembre 2026.
  4. Élément HTML, Wikipédia. Consulté le 7 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 Bientôt
  • CM1 Bientôt
  • 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