QCM : Créer une page Web en HTML — 13 questions

Questions et réponses du QCM

1. Quel ensemble correspond au contenu demandé pour la page personnelle ?

Un titre avec le nom du site, deux paragraphes, une liste de cinq passions, une vidéo, un formulaire et un en-tête avec la classe
Un prénom dans un lien, une présentation, « Mes projets », deux passions, une image, une adresse et un tableau final
Un titre sans prénom, une liste de liens, trois images, un sous-titre libre, un formulaire et un pied de page sans classe
Un titre avec le prénom, une présentation, « Mes passions », trois passions, une image, un lien et un pied de page avec la classe

Un titre avec le prénom, une présentation, « Mes passions », trois passions, une image, un lien et un pied de page avec la classe

Explication

La page doit réunir le titre avec le prénom, le paragraphe de présentation, le sous-titre « Mes passions », trois passions, une image, un lien vers un site et un pied de page avec la classe. Les autres ensembles modifient plusieurs éléments requis, comme le nombre de passions ou le contenu du sous-titre.

2. Pour créer un lien vers « https://exemple.fr », quelle association HTML est correcte ?

La balise <a> indique l’image et l’attribut src définit sa destination
La balise <link> crée le lien et l’attribut alt décrit sa destination
La balise href crée le lien et l’attribut <a> indique sa destination
La balise <a> crée le lien et l’attribut href indique sa destination

La balise <a> crée le lien et l’attribut href indique sa destination

Explication

La balise <a> représente l’hyperlien, tandis que href contient l’adresse vers laquelle il mène. L’attribut src concerne l’emplacement d’une image et alt sa description textuelle.

3. Quelle combinaison associe correctement les balises HTML aux types de listes qu’elles créent ?

<ul> crée une liste à puces, <ol> un élément de liste et <li> une liste numérotée.
<ul> crée une liste à puces, <ol> une liste numérotée et <li> un élément de liste.
<ul> crée une liste numérotée, <ol> une liste à puces et <li> le titre de la liste.
<ul> crée un élément de liste, <ol> un paragraphe et <li> une liste numérotée.

<ul> crée une liste à puces, <ol> une liste numérotée et <li> un élément de liste.

Explication

Les balises <ul>, <ol> et <li> servent respectivement à créer une liste à puces, une liste numérotée et un élément appartenant à une liste. La confusion la plus fréquente consiste à inverser les rôles de <ul> et <ol>.

4. Dans quelle partie d’une page HTML place-t-on le contenu destiné à être affiché dans la fenêtre du navigateur ?

Dans la partie head, qui regroupe les informations descriptives de la page.
Dans l’attribut lang de l’élément html, qui contient les éléments affichés.
Dans la partie body, qui contient le contenu visible de la page.
Dans la déclaration DOCTYPE, qui décrit le contenu présenté au visiteur.

Dans la partie body, qui contient le contenu visible de la page.

Explication

La partie body contient les éléments visibles affichés par le navigateur. La partie head contient plutôt des informations sur la page, comme l’encodage et le titre, et ne constitue pas son contenu visible principal.

5. Quel enchaînement correspond à la structure minimale d’une page HTML ?

Déclaration DOCTYPE, head avec le contenu visible, body avec le titre, puis élément html.
Élément html, body avec les métadonnées, head avec le contenu affiché, puis déclaration DOCTYPE.
Déclaration DOCTYPE, body avec le contenu, html avec les scripts, puis head avec les images.
Déclaration DOCTYPE, élément html, head avec métadonnées et titre, puis body avec le contenu affiché.

Déclaration DOCTYPE, élément html, head avec métadonnées et titre, puis body avec le contenu affiché.

Explication

Une page minimale commence par la déclaration DOCTYPE, puis contient l’élément html, une partie head et une partie body. La partie head rassemble notamment l’encodage et le titre, tandis que le body contient le contenu visible.

6. Quelle balise faut-il utiliser pour créer un paragraphe, plutôt qu’un titre ?

La balise <p>, qui sert à créer un paragraphe.
La balise <h6>, qui correspond au niveau de titre le moins élevé.
La balise <title>, qui définit le titre de la page dans le navigateur.
La balise <h1>, qui correspond au niveau de titre le plus élevé.

La balise <p>, qui sert à créer un paragraphe.

Explication

La balise <p> sert à créer un paragraphe, tandis que les balises <h1> à <h6> représentent six niveaux de titres. La balise <title> définit le titre de la page dans les informations du document, et non un paragraphe affiché dans son contenu.

7. Pourquoi utiliser des balises comme <header>, <nav>, <main>, <section> et <footer> dans une page HTML ?

Elles structurent la page et facilitent sa compréhension par les navigateurs, moteurs et outils d’accessibilité
Elles remplacent les attributs d’images et indiquent les fichiers chargés par le navigateur
Elles imposent une présentation visuelle identique sans organiser le contenu de la page
Elles convertissent les paragraphes en liens et définissent leurs adresses de destination

Elles structurent la page et facilitent sa compréhension par les navigateurs, moteurs et outils d’accessibilité

Explication

Ces balises sémantiques donnent une organisation compréhensible au contenu pour les navigateurs, les moteurs de recherche et les outils d’accessibilité. Elles ne servent pas à remplacer src, href ou les fonctions de mise en forme visuelle.

8. Quelle pratique contribue à rendre une structure HTML valide ?

Écrire les valeurs de href après la balise fermante sans utiliser de guillemets
Ouvrir, fermer et imbriquer correctement les balises, puis placer les valeurs d’attributs entre guillemets
Laisser ouvertes les balises contenant du texte et réserver les guillemets aux titres principaux
Fermer les balises dans un ordre différent afin de distinguer les éléments visuels des éléments sémantiques

Ouvrir, fermer et imbriquer correctement les balises, puis placer les valeurs d’attributs entre guillemets

Explication

Une structure correcte respecte l’ouverture, la fermeture et l’imbrication des balises, et les valeurs d’attributs comme href sont placées entre guillemets. Une balise ouverte ou mal fermée peut rendre la structure invalide, tandis que l’ordre de fermeture doit suivre l’imbrication.

9. Dans une balise <img>, quelle combinaison associe correctement les rôles de src et alt ?

src indique l’emplacement de l’image et alt fournit sa description textuelle
src fournit la description de l’image et alt indique son emplacement
src structure la page et alt ajoute un pied de page accessible
src crée un lien vers l’image et alt définit sa taille d’affichage

src indique l’emplacement de l’image et alt fournit sa description textuelle

Explication

L’attribut src permet au navigateur de trouver l’image, tandis qu'alt en donne une description textuelle, utile notamment pour l’accessibilité. Les autres associations attribuent à ces attributs des fonctions qui relèvent d’autres éléments HTML.

10. Pour modifier la couleur et la disposition d’éléments déjà structurés dans une page Web, quel langage convient principalement ?

Le HTML, car il définit directement les comportements interactifs.
Le CSS, car il contrôle la mise en forme du contenu.
Le CSS, car il remplace la structure sémantique de la page.
JavaScript, car il décrit la hiérarchie des éléments.

Le CSS, car il contrôle la mise en forme du contenu.

Explication

Le CSS est conçu pour mettre en forme le contenu structuré par le HTML, notamment les couleurs et la disposition. JavaScript concerne plutôt l’interactivité, tandis que le HTML définit la structure des éléments.

11. Quelle association décrit correctement le rôle des principaux langages du Web ?

Le HTML structure le contenu, le CSS le met en forme et JavaScript le rend interactif.
Le HTML met le contenu en forme, le CSS le structure et JavaScript définit les liens.
Le HTML définit les couleurs, le CSS ajoute les interactions et JavaScript crée la structure.
Le HTML rend la page interactive, le CSS exécute les scripts et JavaScript organise le contenu.

Le HTML structure le contenu, le CSS le met en forme et JavaScript le rend interactif.

Explication

Le HTML organise la structure du contenu, le CSS contrôle sa présentation et JavaScript ajoute des comportements interactifs. La confusion fréquente consiste à attribuer au CSS la structure de la page, alors que cette fonction relève du HTML.

12. Quels éléments composent généralement une balise HTML complète ?

Une balise ouvrante, un contenu et généralement une balise fermante.
Un attribut obligatoire, une feuille de style et une balise de script.
Une déclaration DOCTYPE, un commentaire et un élément body.
Un sélecteur CSS, une propriété et une valeur de présentation.

Une balise ouvrante, un contenu et généralement une balise fermante.

Explication

Une construction HTML comprend généralement une balise ouvrante, le contenu placé entre les balises et une balise fermante. Les sélecteurs, propriétés et valeurs relèvent de la syntaxe CSS plutôt que de la définition d’une balise HTML.

13. Quel est le rôle général d’un attribut HTML associé à une balise ?

Il remplace la balise par une structure sémantique complète
Il fournit une information supplémentaire avec un nom et une valeur
Il organise plusieurs balises dans une liste numérotée
Il transforme automatiquement le contenu en lien hypertexte

Il fournit une information supplémentaire avec un nom et une valeur

Explication

Un attribut complète une balise en lui associant généralement un nom et une valeur. Une structure sémantique ou une liste dépend plutôt de balises dédiées, tandis qu’un lien est créé par la balise appropriée.

Révisez avec les flashcards

Mémorisez les réponses avec 30 flashcards sur Créer une page Web en HTML.

Quel rôle joue le HTML dans une page Web ?

Il structure le contenu d'une page Web.

Quelle fonction le CSS remplit-il sur une page Web ?

Il met en forme le contenu d'une page Web.

Comment le JavaScript agit-il sur une page Web ?

Il rend la page interactive.

Voir les flashcards →

Approfondir avec la fiche

Consultez la fiche de révision complète sur Créer une page Web en HTML.

Voir la fiche →

Cours similaires

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