QCM : Création de pages web en HTML (34 questions)

Questions et réponses du QCM

1. Que fait un navigateur lorsqu’il reçoit un document HTML destiné à être affiché ?

Il supprime les balises et affiche le texte restant sans interpréter la structure
Il affiche le code source avec les balises afin que l’utilisateur puisse en déduire la mise en page
Il transforme le document en fichier image avant de présenter son contenu
Il analyse et interprète le document pour afficher la page sans montrer les balises telles quelles

Il analyse et interprète le document pour afficher la page sans montrer les balises telles quelles

Explication

Le navigateur analyse et interprète le HTML afin de rendre la page correctement, sans exposer les balises comme du texte. Afficher le code source tel quel confond l’interprétation du document avec sa consultation en mode source.

2. Quel élément HTML définit une cellule d’en-tête dans un tableau ?

<tr>
<td>
<table>
<th>

<th>

Explication

L’élément <th> sert à définir une cellule d’en-tête. L’élément <td> définit une cellule ordinaire, tandis que <tr> délimite une ligne.

3. Quel est le rôle principal de l’élément <div> dans un document HTML ?

Regrouper des éléments pour structurer une section
Appliquer une mise en forme à un contenu en ligne
Définir une cellule d’en-tête de tableau
Insérer un document externe dans la page

Regrouper des éléments pour structurer une section

Explication

L’élément <div> sert de conteneur pour structurer le document et peut inclure différents éléments HTML. <span> sert plutôt à styliser le contenu qu’il contient sans produire d’effet visuel propre.

4. Une personne veut regrouper les métadonnées d’un document, notamment son titre et des liens : quel élément convient ?

<head>
<title>
<html>
<body>

<head>

Explication

L’élément <head> fournit les métadonnées du document, parmi lesquelles figurent notamment le titre et des liens. <body> représente le contenu principal visible plutôt que la zone des métadonnées.

5. Quelle relation l’élément <html> entretient-il avec les autres éléments d’un document HTML ?

Il constitue la racine du document, et les autres éléments en sont des descendants
Il contient les métadonnées, tandis que le contenu visible en est un frère
Il définit le titre du document et contient uniquement du texte
Il délimite le contenu principal, tandis que la racine est l’élément <body>

Il constitue la racine du document, et les autres éléments en sont des descendants

Explication

L’élément <html> est la racine du document HTML, dont tous les autres éléments sont des descendants. <body> délimite le contenu principal visible, mais ne remplace pas l’élément racine.

6. Comment définir une liste de sélection dont une option est déjà choisie à l’ouverture de la page ?

Placer des éléments <input> dans <select> et ajouter value à l’option voulue.
Placer des éléments <option> dans <select> et ajouter selected à l’option voulue.
Placer des éléments <select> dans <option> et ajouter name au choix voulu.
Placer des éléments <option> dans <input> et ajouter checked au choix voulu.

Placer des éléments <option> dans <select> et ajouter selected à l’option voulue.

Explication

L’élément <select> contient des éléments <option>, et l’attribut selected indique l’option choisie au chargement. L’attribut checked concerne des champs tels que radio ou checkbox, et non la sélection initiale d’une option de liste.

7. Quelle balise permet d’intégrer du contenu sonore dans une page HTML ?

<video>
<object>
<iframe>
<audio>

<audio>

Explication

L’élément <audio> intègre du contenu sonore et peut désigner une ou plusieurs sources. L’élément <video>, lui, est destiné à l’intégration de vidéos.

8. Quelle forme respecte la syntaxe générale d’une balise HTML avec un attribut ?

Un nom encadré de parenthèses, suivi d’un attribut entre apostrophes
Un chevron ouvrant, un nom, un attribut écrit nom="valeur" et un chevron fermant
Un chevron ouvrant, un nom, un attribut écrit nom:valeur et un chevron fermant
Un nom entre deux chevrons ouvrants, suivi d’un attribut sans valeur

Un chevron ouvrant, un nom, un attribut écrit nom="valeur" et un chevron fermant

Explication

Une balise comprend un chevron ouvrant, un nom, éventuellement des attributs, puis un chevron fermant ; un attribut associe son nom et une valeur entre guillemets doubles au moyen du signe égal. L’écriture avec deux-points ne respecte pas cette forme d’attribut.

9. Quel attribut de <img> précise le chemin de l’image à insérer ?

align
width
alt
src

src

Explication

L’attribut src fournit la source de l’image insérée par la balise <img>. alt sert à préciser un texte alternatif, tandis que width et align concernent respectivement des dimensions et l’alignement.

10. Quel élément HTML sert à représenter chacun des éléments d’une liste non ordonnée ou ordonnée ?

<ul>
<li>
<ol>
<dl>

<li>

Explication

L’élément <li> représente un élément de liste, tandis que <ul> et <ol> définissent respectivement des listes non ordonnées et ordonnées. <dl> désigne une liste de définition, et non un élément de liste.

11. Dans une page HTML, quelle balise faut-il employer pour provoquer un simple retour à la ligne plutôt que délimiter un paragraphe ?

<h1>
<p>
<br>
<hr>

<br>

Explication

La balise <br> provoque un retour à la ligne, alors que <p> délimite un paragraphe. <hr> insère un trait horizontal et <h1> correspond à un niveau de titre.

12. Que signifie le sigle HTML et à quoi sert ce langage ?

Home Text Management Language, un langage servant à organiser des bases de données
Hyper Transfer Machine Language, un langage servant à transférer des fichiers web
Hyper Text Markup Language, un langage permettant de créer des pages web
Hyperlink Tag Making Language, un langage servant à créer des liens réseau

Hyper Text Markup Language, un langage permettant de créer des pages web

Explication

HTML signifie Hyper Text Markup Language et permet de créer une page web. Les propositions qui évoquent le transfert de fichiers ou la gestion de bases de données attribuent au sigle un autre sens et une autre fonction.

13. Dans un tableau HTML, que représente l’intersection d’une ligne et d’une colonne ?

Une légende placée au-dessus du tableau
Une bordure séparant deux rangées
Un groupe de colonnes partageant un en-tête
Une cellule contenant une donnée

Une cellule contenant une donnée

Explication

Un tableau organise les données en lignes et en colonnes, et leur intersection forme une cellule. Une légende peut titrer le tableau, mais elle ne correspond pas à cette intersection.

14. Dans un lien HTML, quel attribut indique la destination, par exemple une URL, un fichier ou une ancre précédée de # ?

name
target
src
href

href

Explication

L’attribut href indique la destination du lien, qu’il s’agisse d’une URL, d’un fichier ou d’une ancre interne précédée de #. target concerne le contexte où le lien s’ouvre, et non sa destination.

15. Quelle caractéristique distingue une image réactive d’une image rendue cliquable par un lien unique ?

Elle rend toute l’image cliquable sans définir de zones distinctes.
Elle associe plusieurs zones cliquables définies dans une carte <map>.
Elle associe plusieurs images à une destination définie par <a>.
Elle associe une seule zone cliquable définie dans une carte <map>.

Elle associe plusieurs zones cliquables définies dans une carte <map>.

Explication

Une image réactive comporte plusieurs zones cliquables définies dans une carte <map>. Une image liée par un lien unique est une distinction plausible, mais elle ne répartit pas l’image en plusieurs zones cliquables.

16. Quelle caractéristique décrit correctement l’élément <input> en HTML ?

C’est une balise orpheline qui envoie le formulaire vers la page indiquée par action.
C’est une balise conteneur qui regroupe des choix définis par des éléments <option>.
C’est une balise orpheline qui crée des champs dont le type est défini par l’attribut type.
C’est une balise conteneur qui délimite tous les champs et choisit la méthode d’envoi.

C’est une balise orpheline qui crée des champs dont le type est défini par l’attribut type.

Explication

L’élément <input> est une balise orpheline servant à créer des champs, et son attribut type en détermine le genre. L’élément <select>, contrairement à <input>, contient des choix représentés par des éléments <option>.

17. Pour présenter une série d’éléments sans ordre logique apparent, quel type de liste HTML convient ?

Une liste ordonnée <ol>, dont les éléments ne reçoivent aucun marqueur
Une liste de définition <dl>, dont les éléments sont représentés par <li>
Une liste non ordonnée <ul>, dont les éléments sont représentés par <li>
Une liste ordonnée <ol>, dont les éléments reçoivent un indicateur ordinal

Une liste non ordonnée <ul>, dont les éléments sont représentés par <li>

Explication

La liste <ul> convient à des éléments sans ordre logique apparent, et chacun de ses éléments est balisé par <li>. Une liste <ol> est le choix plausible mais incorrect, car elle marque un ordre au moyen d’indicateurs ordinaux.

18. Quel est le rôle principal des éléments sémantiques HTML5 dans une page ?

Définir l’apparence visuelle et régler les couleurs des différents éléments
Décrire la nature du contenu et aider à structurer et regrouper les éléments
Transmettre les données saisies vers une page de traitement
Créer des liens entre toutes les ressources du document

Décrire la nature du contenu et aider à structurer et regrouper les éléments

Explication

Les éléments sémantiques indiquent clairement la nature du contenu et contribuent à organiser les éléments de la page. La définition de l’apparence visuelle relève plutôt des styles, pas du rôle principal de ces éléments.

19. Un formulaire doit transmettre les données sans les afficher dans l’URL : quelle comparaison entre GET et POST explique le choix approprié ?

GET et POST placent les données dans l’URL, mais POST sépare les champs avec des esperluettes.
GET transmet les données dans une entête, tandis que POST les ajoute à l’URL après un point d’interrogation.
GET place les données dans l’URL, tandis que POST les transmet dans une entête sans les rendre visibles dans l’URL.
GET et POST transmettent les données dans une entête, mais GET masque leur présence dans l’URL.

GET place les données dans l’URL, tandis que POST les transmet dans une entête sans les rendre visibles dans l’URL.

Explication

GET ajoute les données à l’URL, alors que POST les transmet dans une entête sans les afficher dans l’URL. L’idée que GET envoie les données dans une entête inverse les caractéristiques des deux méthodes.

20. Quelle association entre balises de formatage et effet est correcte ?

<b> marque un soulignement et <u> marque du texte en gras
<sup> marque un exposant et <sub> marque un indice
<i> marque du texte en gras et <strong> marque de l’italique
<sup> marque un indice et <sub> marque un exposant

<sup> marque un exposant et <sub> marque un indice

Explication

Parmi les balises de formatage au niveau du texte, <sup> sert à l’exposant et <sub> à l’indice. Inverser ces deux rôles est une confusion plausible, mais leur association est bien distincte.

21. Quel énoncé distingue correctement un lien externe d’un lien interne dans cette terminologie HTML ?

Un lien externe ouvre une nouvelle fenêtre, tandis qu’un lien interne utilise le contexte actuel.
Un lien externe pointe vers une URL, tandis qu’un lien interne pointe vers un fichier du même serveur.
Un lien externe pointe vers un marqueur de la même page, tandis qu’un lien interne pointe vers une URL ou un fichier du même serveur.
Un lien externe pointe vers une URL ou un fichier du même serveur, tandis qu’un lien interne pointe vers un marqueur de la même page.

Un lien externe pointe vers une URL ou un fichier du même serveur, tandis qu’un lien interne pointe vers un marqueur de la même page.

Explication

Dans cette distinction, le lien externe cible une URL ou un fichier du même serveur, tandis que le lien interne mène à un marqueur dans la même page. L’inversion de ces deux destinations est plausible, mais attribue à chaque type le rôle de l’autre.

22. À quoi sert la déclaration <!DOCTYPE html> placée dans un document HTML5 ?

À définir le titre affiché dans l’onglet du navigateur
À indiquer au navigateur la version HTML déclarée pour le document
À fournir des métadonnées interprétables par les machines
À signaler le début du contenu visible de la page

À indiquer au navigateur la version HTML déclarée pour le document

Explication

Le DOCTYPE indique au navigateur la version HTML déclarée, et sa forme en HTML5 est <!DOCTYPE html>. Le titre relève de <title>, tandis que les métadonnées sont notamment fournies par <meta>.

23. Une page doit intégrer une vidéo disponible en WebM : quel élément HTML convient à cet usage ?

<video>
<iframe>
<object>
<audio>

<video>

Explication

L’élément <video> permet d’intégrer des vidéos, notamment au format WebM. L’élément <audio> concerne les contenus sonores, et non la lecture vidéo.

24. Comment un formulaire HTML rend-il une page interactive ?

Il permet de saisir du texte, de choisir des options ou des entrées, puis de transmettre les informations pour traitement.
Il crée des liens de navigation et dirige l’internaute vers différentes parties du site.
Il organise le contenu en sections et attribue une signification à chaque élément de la page.
Il règle la présentation des éléments en modifiant leur taille, leur couleur et leur position.

Il permet de saisir du texte, de choisir des options ou des entrées, puis de transmettre les informations pour traitement.

Explication

Un formulaire permet à l’internaute de fournir des informations, par saisie ou sélection, puis de les envoyer pour traitement. L’organisation sémantique du contenu relève des éléments HTML conçus pour structurer la page.

25. Si l’attribut action d’un formulaire est absent ou vide, quelle page traite les données envoyées ?

La première page liée au formulaire
La page qui contient le formulaire
La page indiquée par l’attribut name du formulaire
La page d’accueil du site

La page qui contient le formulaire

Explication

L’attribut action désigne normalement la page de traitement; s’il est absent ou vide, le traitement est effectué par la page qui contient le formulaire. L’attribut name sert à identifier le formulaire, et non à désigner la page de traitement.

26. Quel rôle joue l’élément <meta> dans un document HTML ?

Définir le titre visible dans l’onglet et contenir le texte de la page
Fournir des métadonnées interprétables par les machines et non affichées dans la page
Créer la racine du document et contenir tous ses éléments descendants
Délimiter le contenu principal destiné à être affiché au lecteur

Fournir des métadonnées interprétables par les machines et non affichées dans la page

Explication

L’élément <meta> fournit des métadonnées interprétables par les machines qui ne sont pas affichées dans la page. Le titre est défini par <title>, tandis que le contenu principal visible relève de <body>.

27. Pour fusionner une cellule sur plusieurs lignes d’un tableau, quel attribut faut-il utiliser ?

rowspan
cellspacing
colspan
cellpadding

rowspan

Explication

L’attribut rowspan étend une cellule verticalement sur plusieurs lignes. Colspan réalise une fusion horizontale sur une même rangée.

28. Quel élément convient pour regrouper un contenu indépendant, comme un billet de blogue ou un commentaire ?

<nav>
<header>
<article>
<form>

<article>

Explication

L’élément <article> représente un bloc autonome qui peut contenir, entre autres, une publication de blogue ou un commentaire. <header> sert à regrouper le contenu d’en-tête d’un document ou d’une section.

29. Dans un formulaire de sondage, quelle configuration permet de choisir une seule réponse pour une question et plusieurs réponses pour une autre ?

Utiliser password pour la réponse unique et text pour les réponses multiples.
Utiliser checkbox pour la réponse unique et radio pour les réponses multiples.
Utiliser radio pour la réponse unique et checkbox pour les réponses multiples.
Utiliser text pour la réponse unique et password pour les réponses multiples.

Utiliser radio pour la réponse unique et checkbox pour les réponses multiples.

Explication

Le type radio correspond à un choix unique, tandis que checkbox permet de sélectionner plusieurs choix. Les types text et password servent à saisir du texte, et ne produisent pas ces comportements de sélection.

30. Quel rôle les balises HTML jouent-elles dans le rendu et le contenu d’une page ?

Elles indiquent au système d’exploitation comment enregistrer le document et ses médias
Elles servent à stocker les données du navigateur et empêchent l’intégration de médias
Elles indiquent au navigateur comment afficher le document et peuvent permettre d’intégrer des médias
Elles définissent le réseau utilisé par le site et convertissent les médias en liens

Elles indiquent au navigateur comment afficher le document et peuvent permettre d’intégrer des médias

Explication

Les balises guident le navigateur dans l’affichage du document, et certaines permettent d’intégrer des images, des vidéos ou de la musique. Leur rôle ne consiste pas à configurer le réseau ou à gérer l’enregistrement du fichier.

31. En HTML, quel élément crée un lien hypertexte dont le contenu constitue la zone cliquable ?

<target>
<href>
<a>
<link>

<a>

Explication

Un lien hypertexte est créé avec l’élément <a>, et le contenu placé à l’intérieur forme la zone cliquable. <link> peut évoquer un lien, mais ne remplit pas ici le rôle de l’élément d’ancrage cliquable.

32. Une recette doit afficher ses étapes avec un indicateur ordinal pour chacune. Quel élément de liste faut-il utiliser ?

<ul>, car il présente des éléments munis d’un indicateur ordinal
<li>, car il définit à lui seul une liste ordonnée
<dl>, car il présente les éléments dans un ordre numérique
<ol>, car il présente des éléments munis d’un indicateur ordinal

<ol>, car il présente des éléments munis d’un indicateur ordinal

Explication

L’élément <ol> présente une liste ordonnée où chaque élément porte un indicateur ordinal. <ul> est un distracteur plausible, mais il sert à présenter des éléments sans ordre apparent.

33. Quelle série correspond à l’ensemble des niveaux de titres HTML ?

De <t1> à <t6>
De <h1> à <h6>
De <h1> à <h8>
De <h0> à <h5>

De <h1> à <h6>

Explication

Les titres HTML vont de <h1> à <h6>. Les autres séries utilisent un début, une fin ou un nom de balise qui ne correspond pas à ces niveaux.

34. Quel énoncé distingue correctement <span> de <div> ?

<span> intègre des ressources externes, tandis que <div> organise les cellules d’un tableau
<span> sert à styliser son contenu sans effet visuel propre, tandis que <div> structure des sections
<span> structure des sections, tandis que <div> sert à styliser du contenu sans effet visuel propre
<span> définit une ligne de tableau, tandis que <div> définit une cellule d’en-tête

<span> sert à styliser son contenu sans effet visuel propre, tandis que <div> structure des sections

Explication

L’élément <span> peut servir à appliquer un style à son contenu sans effet visuel propre, alors que <div> structure des sections du document. Inverser ces rôles confond le conteneur de structuration avec celui de stylisation.

Révisez avec les flashcards

Mémorisez les réponses avec 91 flashcards sur Création de pages web en HTML.

Que signifie le sigle HTML ?

Hyper Text Markup Language.

À quoi servent les balises HTML dans un document ?

Elles indiquent au navigateur comment afficher le document.

Que fait le navigateur pour afficher une page HTML sans montrer ses balises ?

Il analyse et interprète le document HTML.

Voir les flashcards →

Approfondir avec la fiche

Consultez la fiche de révision complète sur Création de pages web en HTML.

Voir la fiche →

Cours similaires

Architecture des ordinateurs

Données et outils in silico

Composants matériels des PC

Histoire et fonctionnement de Duplicati

Pseudo-classes et mises en page CSS

Géolocalisation et identité numérique

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