QCM : HTML et CSS fondamentaux (10 questions)

Questions et réponses du QCM

1. Quel organisme établit les normes du Web, tandis que MDN en documente l’usage ?

Le W3C et MDN établissent ensemble les normes du Web.
Le W3C fournit les navigateurs, tandis que MDN définit les protocoles réseau.
MDN établit les normes, tandis que le W3C fournit de la documentation.
Le W3C établit les normes, tandis que MDN fournit de la documentation.

Le W3C établit les normes, tandis que MDN fournit de la documentation.

Explication

Le W3C établit les normes du Web, alors que MDN aide à comprendre comment les utiliser. Confondre leurs rôles revient à attribuer à MDN la création des normes.

2. Par quelle déclaration un document HTML commence-t-il ?

Par la balise ouvrante <head>.
Par la déclaration <html DOCTYPE>.
Par la balise ouvrante <html>.
Par la déclaration <!DOCTYPE html>.

Par la déclaration <!DOCTYPE html>.

Explication

La déclaration <!DOCTYPE html> ouvre le document HTML en indiquant son type. La balise <html> ouvre ensuite l’élément racine, mais elle ne remplace pas cette déclaration.

3. Comment le DOM représente-t-il les relations d’imbrication entre les éléments HTML ?

Sous la forme d’une structure arborescente.
Sous la forme d’une liste plate sans relations entre éléments.
Sous la forme d’un tableau de styles associés aux balises.
Sous la forme d’une suite de fichiers indépendants.

Sous la forme d’une structure arborescente.

Explication

Le DOM représente l’imbrication des éléments HTML sous la forme d’une structure arborescente. Une liste plate ne rendrait pas compte des relations parent-enfant entre éléments.

4. Quel rôle joue la balise « main » dans la structure sémantique d’une page HTML ?

Elle contient les informations techniques du document.
Elle regroupe les liens de navigation de la page.
Elle présente les informations complémentaires de la page.
Elle désigne la partie principale du contenu de la page.

Elle désigne la partie principale du contenu de la page.

Explication

La balise « main » identifie la partie principale du contenu destiné à l’utilisateur. « Nav » concerne les liens de navigation, tandis que les informations techniques se trouvent dans « head ».

5. Quelle propriété CSS règle l’espace autour du contenu à l’intérieur d’une boîte ?

background-color
border
margin
padding

padding

Explication

La propriété padding règle l’espace autour du contenu, à l’intérieur de la boîte. Margin désigne plutôt l’espace entre les boîtes.

6. Quel est le rôle d’un sélecteur descendant comme « main p » dans une règle CSS ?

Cibler les éléments p situés dans un élément main, même si d’autres éléments s’interposent
Cibler les éléments main qui précèdent immédiatement un élément p frère
Cibler les éléments p portant simultanément les classes main et p
Cibler les éléments p qui sont des enfants directs d’un élément main

Cibler les éléments p situés dans un élément main, même si d’autres éléments s’interposent

Explication

Un sélecteur descendant décrit un chemin dans l’arbre HTML et peut sauter des niveaux intermédiaires. La relation d’enfant direct est exprimée par le combinateur « > », et non par une simple espace.

7. En quoi les cellules « th » et « td » diffèrent-elles dans un tableau HTML ?

« th » marque une ligne du tableau, tandis que « td » définit une colonne entière.
« th » marque une cellule d’en-tête, tandis que « td » contient une donnée du tableau.
« th » regroupe plusieurs colonnes, tandis que « td » regroupe plusieurs lignes.
« th » définit le titre du tableau, tandis que « td » contient une légende descriptive.

« th » marque une cellule d’en-tête, tandis que « td » contient une donnée du tableau.

Explication

« th » sert aux cellules d’en-tête et « td » aux cellules de données d’une ligne « tr ». « caption » correspond au titre ou à la légende du tableau, et non à la fonction de « td ».

8. Quel effet produit l’attribut « required » sur un champ de formulaire HTML ?

Il associe le texte d’une étiquette au champ grâce à son identifiant.
Il réinitialise le champ à sa valeur initiale lors de l’envoi.
Il définit le nom utilisé comme clé dans les données transmises.
Il indique que le champ doit être renseigné pour que le formulaire puisse être envoyé.

Il indique que le champ doit être renseigné pour que le formulaire puisse être envoyé.

Explication

L’attribut « required » signale qu’un champ est requis, ce qui impose de le renseigner avant l’envoi du formulaire. L’association entre une étiquette et un champ est plutôt assurée par « for », qui correspond à l’identifiant du champ.

9. Pour vérifier si une règle de mise en forme respecte une norme du Web, quelle ressource faut-il consulter en premier ?

Un programme stocké localement, qui vérifie les pratiques du navigateur
Les normes du W3C, qui définissent les règles applicables au Web
La documentation de MDN, qui explique l’usage des technologies Web
Un programme hébergé sur un serveur, qui documente les technologies Web

Les normes du W3C, qui définissent les règles applicables au Web

Explication

Le W3C établit les normes du Web, ce qui permet de vérifier les règles applicables. MDN fournit de la documentation utile, mais ne joue pas le rôle d’organisme de normalisation.

10. Quelles relations hiérarchiques caractérisent la structure DOM d’un document HTML ?

html est la racine, avec head et body comme enfants directs.
html est la racine, avec head et body comme descendants indirects.
head est la racine, avec html et body comme enfants directs.
body est la racine, avec html et head comme enfants directs.

html est la racine, avec head et body comme enfants directs.

Explication

Dans l’arbre DOM, html constitue la racine et head ainsi que body sont ses enfants. L’option qui place head à la racine confond la hiérarchie du document avec l’un de ses éléments enfants.

Révisez avec les flashcards

Mémorisez les réponses avec 10 flashcards sur HTML et CSS fondamentaux.

Quel organisme établit les normes du Web ?

Le W3C.

Quelle déclaration ouvre un document HTML ?

La déclaration `<!DOCTYPE html>`.

Que comprend un élément HTML ?

Une balise et le contenu qu’elle contient.

Voir les flashcards →

Approfondir avec la fiche

Consultez la fiche de révision complète sur HTML et CSS fondamentaux.

Voir la fiche →

Cours similaires

Introduction à la Business Intelligence

Conversions entre les bases

GAFAM et services numériques

Réseaux Internet, liaisons et débit

Histoire et fonctionnement des ordinateurs

Objets techniques et réseaux

Crée tes propres QCM

Importe ton cours et l'IA génère des QCM avec corrections en 30 secondes.

Générateur de QCM