Numérique et sciences informatiques (spécialité) · Première
HTML et CSS : quiz de révision en NSI Première
Publié le 7 novembre 2026 · Mis à jour le 7 novembre 2026 · Signaler une erreur
L'essentiel
- HTML est un langage de balises : il décrit la structure d'une page web (titres, paragraphes, liens, listes, sons, vidéos).24
- CSS s'ajoute à HTML pour la mise en forme : le contenu et son apparence sont deux choses distinctes.4
- Une balise ouvrante s'écrit
<nom attribut=valeur>; la balise fermante s'écrit</nom>.4 - Les éléments se classent en deux catégories : bloc et texte (inline).4
- L'attribut
langde l'élément racine indique la langue du document ; l'élément racine contientheadetbody.4
Avant de commencer
Ce quiz fait le point sur les bases du Web que tu rencontres dans le thème « Interactions entre l'homme et la machine sur le Web » du programme de Première NSI. Il porte sur la notion de page web décrite avec HTML et mise en forme avec CSS. Tu y trouveras des questions sur le rôle de chaque langage, sur l'écriture des balises, sur les attributs et sur la structure générale d'un document.
Les questions sont de plusieurs formes : choix unique, choix multiples, vrai ou faux et une question numérique. Prends le temps de lire chaque énoncé en entier, puis de choisir ta réponse avant d'ouvrir la correction. Chaque explication précise pourquoi la bonne réponse est juste et pourquoi l'erreur la plus tentante ne l'est pas : lis-la même quand tu as trouvé, elle sert à fixer le raisonnement.
Quiz
12 questions · correction immédiate · ton score reste sur ton appareil.
-
HTML est un langage de balises : on s'en sert pour écrire les pages web et pour organiser leur contenu en éléments (titres, paragraphes, liens…).24 Proposer un rôle de calcul sur le serveur est faux, car HTML ne calcule rien. Choisir couleurs et polices relève de la mise en forme, c'est-à-dire du CSS, pas du HTML. Quant aux mots de passe, ils n'ont aucun rapport avec le langage de description d'une page.
-
Le HTML sert à bâtir le site, et on lui associe d'autres langages de mise en forme, dont le CSS.4 Le SQL interroge des bases de données, il ne met pas en forme une page. Le binaire est une façon de coder l'information, pas un langage de présentation. Quant à HTTP, c'est le protocole d'échange entre client et serveur, vu dans ce même thème : il transporte les pages mais ne les habille pas.
-
La balise ouvrante commence par
<, contient le nom de la balise, puis les attributs s'il y en a, et se termine par>.4 La deuxième proposition décrit au contraire la balise fermante, à cause de la barre/. Les deux autres formes n'existent pas en HTML : ni guillemets autour du nom, ni signes inversés. -
La balise fermante s'écrit
<, puis/, puis le nom de la balise, puis>, ce qui donne</p>.4 La forme<p/>place la barre au mauvais endroit. La forme<\p>utilise une barre oblique inverse alors qu'il faut la barre oblique normale. Enfin</ pest incomplète : il manque le signe de fin. -
Les attributs se placent dans la balise ouvrante sous la forme attribut=valeur ; c'est le cas ici, avec
srcpour nom etphoto.jpgpour valeur.4 Ce n'est pas une balise fermante, car celle-ci commence par</. Ce n'est pas non plus l'élément racine, qui est le nom de la balise englobant tout le document. Une feuille de style relève du CSS, pas d'un attribut d'image. -
C'est vrai : la balise fermante est formée de
<, de/, du nom de l'élément et de>.4 L'erreur tentante est de croire que la barre se met à la fin, avant>, ou dans la balise ouvrante. Dans une balise ouvrante, il n'y a pas de barre juste après<. -
C'est vrai : on parle d'élément HTML, de balise HTML ou de tag (le mot anglais) pour désigner l'unité de base qui structure un document.4 Croire que le tag serait un autre objet, plus avancé, est une erreur : seul le vocabulaire change entre le français et l'anglais.
-
Les éléments HTML se rangent en deux catégories : bloc (block) et texte (inline).4 Les types nombre et chaîne appartiennent aux langages de programmation comme Python, pas à la classification des balises. Les deux dernières propositions sont inventées : la couleur est une affaire de mise en forme, et la parité n'a aucun sens pour des éléments.
-
Avec HTML, on décrit entre autres des paragraphes, des liens hypertextes, des vidéos, mais aussi des titres, des listes ou des sons.4 Les trois premières propositions sont donc justes. Le système d'exploitation est un logiciel installé sur la machine : une page web peut s'y afficher, mais elle ne le définit pas.
-
L'attribut
langdéfinit la langue primaire du document ; la valeurencorrespond à l'anglais.4 Il ne change rien aux réglages de la machine du visiteur. Il ne traduit pas la page non plus : il se contente de renseigner la langue du texte. Enfin, il ne s'agit pas d'un langage de programmation, mais d'une langue humaine. -
L'élément racine regroupe un élément
headet un élémentbody.4 La pairetitleetfootermélange deux éléments qui se trouvent plus bas dans le document. La pairescriptetstylene suffit pas à former un document affichable. Enfinhtmlest la racine elle-même, etcssn'est pas un élément du tout. -
Chaque élément est encadré par une balise ouvrante et une balise fermante, comme le décrit la structure d'un élément HTML.4 Le titre en utilise deux, le paragraphe aussi. Le total vaut donc . L'erreur classique est de répondre 2 en ne comptant que les éléments, alors que la question demande les balises.
Les questions qu'on se pose
Quelle différence y a-t-il entre HTML et CSS ?
HTML décrit le contenu et la structure de la page avec des balises : titres, paragraphes, liens, listes.4 Le CSS s'y ajoute pour la mise en forme.4 Pour t'en souvenir, pose-toi la question : « est-ce que je dis ce qu'est l'élément, ou comment il doit apparaître ? ». Dans le premier cas, c'est du HTML ; dans le second, du CSS.
Comment ne plus se tromper entre balise ouvrante et balise fermante ?
Repère la barre oblique. La balise ouvrante contient <, le nom, d'éventuels attributs, puis >. La balise fermante a la même forme mais sans attribut, avec une barre juste après <, comme </p>.4 Quand tu relis un code, vérifie que chaque balise ouvrante a bien sa fermante, dans le bon ordre (sauf pour les éléments vides comme img ou br, qui n'en ont pas).
Sources
- Ressources libres sur la science informatique - programmation, réseau, codage de l'information, Éduscol STI. Consulté le 7 novembre 2026.
- Ressource pédagogique NSI — HTML & CSS, Éduscol. Consulté le 7 novembre 2026.
- HTML & CSS en NSI — Cours et exercices, Académie de Lyon. Consulté le 7 novembre 2026.
- É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.