QCM : Première page Web avec Python (26 questions)

Questions et réponses du QCM

1. Quel rôle joue chaque langage lors de la création d’une page Web ?

Python décrit le contenu, CSS crée le fichier et HTML règle l’apparence.
HTML crée le fichier, CSS décrit le contenu et Python règle l’apparence.
Python crée le fichier, HTML décrit le contenu et CSS règle l’apparence.
CSS crée le fichier, Python décrit le contenu et HTML règle l’apparence.

Python crée le fichier, HTML décrit le contenu et CSS règle l’apparence.

Explication

Python peut produire le fichier, tandis que HTML définit le contenu et CSS son apparence ; le navigateur interprète ensuite HTML et CSS. Confondre Python avec le langage qui règle l’apparence attribue à Python le rôle de CSS.

2. Quelle séquence permet de passer d’un programme Python à l’affichage d’une page Web ?

Écrire le programme, générer index.html, ouvrir ce fichier dans un navigateur, puis afficher la page.
Ouvrir un navigateur, écrire le programme, afficher la page, puis générer index.html.
Écrire le programme, ouvrir index.html dans un navigateur, générer le fichier, puis afficher la page.
Générer index.html, afficher la page dans Python, écrire le programme, puis ouvrir le navigateur.

Écrire le programme, générer index.html, ouvrir ce fichier dans un navigateur, puis afficher la page.

Explication

Le programme Python sert d’abord à générer index.html, que l’on ouvre ensuite dans un navigateur pour afficher la page. Ouvrir le fichier avant sa génération inverse deux étapes nécessaires du parcours.

3. Qu’est-ce qu’un programme Python ?

Un fichier image composé de commandes exécutées chacune dans une fenêtre.
Un dossier informatique composé de variables enregistrées chacune dans un fichier.
Un fichier texte composé d’instructions écrites chacune sur une ligne.
Une page Web composée de balises affichées chacune dans une console.

Un fichier texte composé d’instructions écrites chacune sur une ligne.

Explication

Un programme Python est un fichier texte où les instructions sont écrites ligne par ligne. Une page Web peut contenir des balises, mais elle n’est pas la définition d’un programme Python.

4. Que se passe-t-il si l’on remplace `print` par `Print` dans un programme Python ?

Le nom reste identique, car Python ignore les différences de casse.
Le nom change, car Python distingue les majuscules des minuscules.
Le nom devient un commentaire, car une majuscule remplace le symbole #.
Le nom devient une chaîne, car les majuscules encadrent les textes.

Le nom change, car Python distingue les majuscules des minuscules.

Explication

Python est sensible à la casse : `print` et `Print` sont donc des écritures différentes. Les guillemets délimitent les textes, mais le changement de majuscule ne transforme pas un nom en chaîne.

5. Quelle est la fonction d’un commentaire commençant par `#` en Python ?

Déclencher une instruction dont le résultat s’affiche dans la console.
Expliquer le programme sans que cette ligne soit exécutée.
Délimiter un texte que Python traite comme une chaîne de caractères.
Stocker une valeur sous un nom que le programme peut réutiliser.

Expliquer le programme sans que cette ligne soit exécutée.

Explication

Un commentaire introduit par `#` sert à expliquer le code et n’est pas exécuté. Une instruction, contrairement à un commentaire, peut déclencher une action du programme.

6. Dans un programme, que représente une variable ?

Un nom associé à une valeur qui stocke une information, comme un texte ou un nombre.
Une ligne de commentaire qui décrit une information sans la conserver comme valeur.
Un fichier texte qui contient toutes les instructions du programme Python.
Un symbole qui délimite un texte afin que Python puisse l’afficher.

Un nom associé à une valeur qui stocke une information, comme un texte ou un nombre.

Explication

Une variable associe un nom à une valeur et permet de stocker une information, par exemple un texte ou un nombre. Un commentaire peut expliquer cette information, mais il ne la stocke pas comme une valeur.

7. Quelle démarche permet à un programme Python de générer un fichier `index.html` ?

Écrire le code HTML dans la console, enregistrer la chaîne avec `read()`, puis fermer le navigateur.
Ouvrir le fichier en lecture, y écrire une chaîne CSS, puis demander à Python d’afficher la page.
Placer le code HTML dans une chaîne, ouvrir le fichier dans un navigateur, puis afficher la chaîne.
Placer le code HTML dans une chaîne, ouvrir le fichier en écriture, y écrire la chaîne, puis le fermer.

Placer le code HTML dans une chaîne, ouvrir le fichier en écriture, y écrire la chaîne, puis le fermer.

Explication

La génération consiste à stocker le HTML dans une chaîne, puis à écrire cette chaîne dans un fichier ouvert en mode écriture et à fermer le fichier, directement ou avec `with`. Le navigateur sert à afficher le contenu et ne remplace pas l’écriture du fichier.

8. Après avoir écrit le code qui génère une page, comment vérifier que le résultat fonctionne ?

Enregistrer le programme, afficher son code dans la console, puis renommer `index.html` en fichier Python.
Exécuter le programme, vérifier le code dans un éditeur, puis afficher la page dans la console Python.
Enregistrer et exécuter le programme, puis ouvrir `index.html` dans un navigateur et vérifier l’affichage.
Ouvrir `index.html` dans un navigateur, puis enregistrer et exécuter le programme pour vérifier l’affichage.

Enregistrer et exécuter le programme, puis ouvrir `index.html` dans un navigateur et vérifier l’affichage.

Explication

Il faut enregistrer et exécuter le programme, puis ouvrir le fichier généré dans un navigateur pour vérifier que la page s’affiche. Ouvrir le fichier avant l’exécution ne garantit pas que le programme ait produit le résultat à tester.

9. Dans une page HTML, quelle partie contient les informations générales et quelle partie contient le contenu affiché ?

<body> contient les informations générales et <head> le contenu affiché.
<head> contient les informations générales et <body> le contenu affiché.
<title> contient les informations générales et <html> le contenu affiché.
<html> contient les informations générales et <title> le contenu affiché.

<head> contient les informations générales et <body> le contenu affiché.

Explication

La structure HTML comprend une partie <head> pour les informations générales et une partie <body> pour le contenu présenté dans la page. La confusion fréquente consiste à attribuer ces rôles à l’inverse.

10. Quel élément définit le titre affiché sur l’onglet du navigateur sans créer le titre principal visible dans la page ?

<h1> définit le titre de l’onglet, tandis que <title> crée un titre visible dans la page.
<meta> définit le titre de l’onglet, tandis que <h1> crée un titre visible dans la page.
<head> définit le titre visible, tandis que <body> crée le titre de l’onglet.
<title> définit le titre de l’onglet, tandis que <h1> crée un titre visible dans la page.

<title> définit le titre de l’onglet, tandis que <h1> crée un titre visible dans la page.

Explication

L’élément <title> fournit le titre de l’onglet du navigateur, alors que <h1> affiche un titre principal dans le contenu. Confondre <title> avec <h1> inverse leur lieu d’affichage.

11. Pour structurer des titres et sous-titres HTML de façon hiérarchique, quelle règle faut-il suivre ?

Utiliser les six niveaux de <h1> à <h6> et éviter de sauter des niveaux.
Utiliser <h1> pour les sous-titres et <h2> pour le titre le plus important.
Utiliser les niveaux de <h1> à <h5> et réserver <h6> aux paragraphes.
Utiliser les six niveaux de <h1> à <h6> et commencer les sous-titres par <h6>.

Utiliser les six niveaux de <h1> à <h6> et éviter de sauter des niveaux.

Explication

HTML propose six niveaux de titres, de <h1>, le plus important, à <h6>, et il est recommandé de respecter leur progression sans sauter de niveaux. Commencer les sous-titres par <h6> renverserait cette hiérarchie.

12. Dans un paragraphe, quelle association de balises marque un texte important, une emphase et un saut de ligne ?

<strong> marque l’importance, <em> l’emphase et <br> le saut de ligne.
<br> marque l’importance, <em> l’emphase et <strong> le saut de ligne.
<em> marque l’importance, <strong> l’emphase et <br> le saut de ligne.
<strong> marque l’importance, <br> l’emphase et <em> le saut de ligne.

<strong> marque l’importance, <em> l’emphase et <br> le saut de ligne.

Explication

<strong> sert à signaler l’importance d’un texte, <em> à marquer une emphase, et <br> à créer un saut de ligne. Inverser <strong> et <em> confond l’importance avec l’emphase.

13. Pour afficher un fichier image situé dans le dossier « images », quel rôle joue l’attribut src de la balise <img> ?

Il indique l’adresse cible à ouvrir lorsque l’image est cliquée.
Il fournit une description textuelle de l’image à afficher.
Il indique le nom ou le chemin du fichier image à afficher.
Il définit le titre de l’image dans l’onglet du navigateur.

Il indique le nom ou le chemin du fichier image à afficher.

Explication

La balise <img> affiche une image et son attribut src indique le nom ou le chemin du fichier correspondant. L’attribut alt, qui constitue le distracteur le plus plausible, décrit l’image au lieu d’indiquer son emplacement.

14. Si une image ne se charge pas, quel attribut fournit une description et contribue aussi à l’accessibilité ?

src fournit une description de l’image, notamment visible si elle ne se charge pas.
href fournit une description de l’image, notamment visible si elle ne se charge pas.
title fournit une description de l’image, notamment visible si elle ne se charge pas.
alt fournit une description de l’image, notamment visible si elle ne se charge pas.

alt fournit une description de l’image, notamment visible si elle ne se charge pas.

Explication

L’attribut alt décrit le contenu de l’image, peut être affiché si celle-ci ne se charge pas et contribue à l’accessibilité. src indique plutôt le chemin du fichier image, pas sa description.

15. Dans un lien HTML menant à un fichier PDF, quel élément indique l’adresse du fichier cible ?

L’attribut alt de la balise <a> indique l’adresse du fichier cible.
Le texte placé entre les balises <a> indique l’adresse du fichier cible.
L’attribut src de la balise <a> indique l’adresse du fichier cible.
L’attribut href de la balise <a> indique l’adresse du fichier cible.

L’attribut href de la balise <a> indique l’adresse du fichier cible.

Explication

La balise <a> crée un lien et son attribut href indique sa destination, qui peut être un fichier PDF. Le texte entre les balises décrit le lien à l’utilisateur plutôt que de fournir son adresse.

16. Quelle structure HTML permet de créer une liste dont chaque élément est balisé individuellement ?

Utiliser <div> pour la liste et <span> pour chaque élément.
Utiliser <ul> ou <ol> pour la liste et <li> pour chaque élément.
Utiliser <table> pour la liste et <tr> pour chaque élément.
Utiliser <li> pour la liste et <ul> ou <ol> pour chaque élément.

Utiliser <ul> ou <ol> pour la liste et <li> pour chaque élément.

Explication

Les balises <ul> et <ol> structurent respectivement des listes non ordonnées et ordonnées, tandis que <li> marque chaque élément. La confusion plausible consiste à inverser le rôle des balises de liste et celui de <li>.

17. Quel est le rôle d’une balise <div> dans une page HTML ?

Appliquer automatiquement une couleur et une police aux éléments regroupés.
Regrouper des éléments pour organiser la page sans produire d’affichage propre.
Présenter des données dans des lignes et des colonnes avec des en-têtes.
Créer une liste ordonnée dont les éléments apparaissent les uns sous les autres.

Regrouper des éléments pour organiser la page sans produire d’affichage propre.

Explication

Une balise <div> sert à regrouper des éléments et à organiser la page, mais elle n’affiche rien par elle-même. L’apparence des éléments regroupés peut être modifiée par le CSS, mais la balise ne l’applique pas automatiquement.

18. Pour modifier la couleur et la taille du texte sans changer le contenu de la page, quel rôle du CSS est sollicité ?

Contrôler l’apparence de la page, tandis que le HTML en décrit le contenu.
Organiser les données en tableaux, tandis que le HTML règle les espacements.
Décrire le contenu de la page, tandis que le HTML contrôle son apparence.
Remplacer le HTML en fournissant à la fois le contenu et sa présentation.

Contrôler l’apparence de la page, tandis que le HTML en décrit le contenu.

Explication

Le CSS règle l’apparence, notamment les couleurs et les tailles, tandis que le HTML décrit le contenu. La confusion entre les deux langages inverse leurs rôles respectifs.

19. Une équipe veut placer des règles CSS dans un fichier distinct de son document HTML : comment ce fichier peut-il être relié à la page ?

Avec une balise <link> dans le document HTML.
Avec un attribut style ajouté à chaque élément de la page.
Avec une balise <li> qui indique le chemin du fichier CSS.
Avec une balise <style> placée dans le fichier CSS séparé.

Avec une balise <link> dans le document HTML.

Explication

Un fichier CSS séparé peut être relié au document HTML au moyen d’une balise <link>. La balise <style> sert à intégrer des règles CSS dans le document, et non à relier un fichier externe.

20. Dans une règle CSS qui cible les paragraphes pour leur appliquer une couleur, quel rôle joue le sélecteur ?

Il fournit la valeur de couleur appliquée sans désigner d’élément.
Il relie le document HTML à un fichier contenant les règles de style.
Il décrit le contenu textuel qui doit apparaître dans chaque paragraphe.
Il désigne les éléments concernés par les propriétés et valeurs de style.

Il désigne les éléments concernés par les propriétés et valeurs de style.

Explication

Le sélecteur indique quels éléments sont concernés, et les propriétés accompagnées de leurs valeurs définissent le style à appliquer. Une valeur de couleur décrit un style, mais ne désigne pas à elle seule les éléments ciblés.

21. Pour appliquer le même style à plusieurs éléments HTML, comment faut-il déclarer et utiliser une classe CSS ?

La déclarer avec un sélecteur commençant par un point et indiquer son nom dans l’attribut class.
La déclarer avec un sélecteur entre crochets et indiquer son nom dans l’attribut name.
La déclarer avec un sélecteur sans ponctuation et indiquer son nom dans l’attribut style.
La déclarer avec un sélecteur commençant par un dièse et indiquer son nom dans l’attribut id.

La déclarer avec un sélecteur commençant par un point et indiquer son nom dans l’attribut class.

Explication

Une classe se déclare dans la feuille de style avec un sélecteur commençant par un point et peut être attribuée à plusieurs éléments via l’attribut class. Le dièse désigne un sélecteur d’identifiant, et non le sélecteur d’une classe.

22. Quel style peut-on définir avec le sélecteur CSS a:hover ?

Le style d’un lien après que l’utilisateur a activé sa destination.
Le style d’un paragraphe lorsque le pointeur de la souris le survole.
Le style d’un lien lorsque le pointeur de la souris le survole.
Le style de tous les éléments lorsque la page est en cours de chargement.

Le style d’un lien lorsque le pointeur de la souris le survole.

Explication

Le sélecteur a:hover permet de définir l’apparence d’un lien pendant que le pointeur de la souris le survole. Un paragraphe survolé ne correspond pas à ce sélecteur, qui cible les liens.

23. Quelle démarche permet de tester correctement une page Web avant de la présenter ?

L’ouvrir sur un téléphone, puis contrôler uniquement la lisibilité des textes et des titres
L’ouvrir dans un navigateur, vérifier son contenu et son affichage, puis contrôler sa lisibilité sur plusieurs tailles d’écran et navigateurs si possible
La vérifier dans un éditeur de code, puis confirmer que le fichier porte une extension HTML reconnue
La comparer à une maquette, puis corriger ses couleurs sans tester les liens ni les images

L’ouvrir dans un navigateur, vérifier son contenu et son affichage, puis contrôler sa lisibilité sur plusieurs tailles d’écran et navigateurs si possible

Explication

Un test complet porte sur l’affichage, les textes, les couleurs, les liens et les images, ainsi que sur la lisibilité selon les tailles d’écran et, si possible, les navigateurs. Vérifier le code dans un éditeur ne permet pas à lui seul de constater le rendu réel de la page.

24. Dans Chrome ou Edge, comment ouvrir les outils permettant d’observer le HTML et le CSS et de tester des changements en direct ?

Cliquer sur le bouton d’actualisation et choisir l’affichage du code source
Ouvrir l’historique de navigation et sélectionner l’inspection des fichiers
Ouvrir les paramètres du navigateur et sélectionner le mode de lecture
Faire un clic droit sur la page et choisir « Inspector »

Faire un clic droit sur la page et choisir « Inspector »

Explication

Dans Chrome ou Edge, le menu contextuel accessible par clic droit propose « Inspector », qui ouvre les outils de développement et permet de modifier temporairement les styles ou le code. L’affichage du code source ne fournit pas les mêmes outils de modification en direct.

25. Lors d’une présentation de son travail, quel contenu permet de rendre compte à la fois de la démarche et des apprentissages ?

Décrire le projet prévu, énumérer les tâches restantes, puis présenter les outils disponibles pour le réaliser
Montrer la page, expliquer ses choix et une difficulté résolue, puis évoquer une amélioration envisagée et ce qui a été appris
Présenter le code final, détailler toutes les balises utilisées, puis demander au public de proposer un autre sujet
Montrer la page, comparer les navigateurs utilisés, puis expliquer comment installer un éditeur de code

Montrer la page, expliquer ses choix et une difficulté résolue, puis évoquer une amélioration envisagée et ce qui a été appris

Explication

Une présentation peut montrer la page et expliquer les choix, une difficulté résolue, une amélioration envisagée et les apprentissages réalisés. Se limiter au code et aux balises ne rend pas compte de l’ensemble de ces aspects.

26. Pour accomplir la mission finale, où faut-il enregistrer la page et quelle vérification effectuer ensuite ?

Dans un dossier nommé « festival », puis vérifier que toutes les images sont compressées
Dans un dossier nommé « navigateur », puis vérifier que la page contient plusieurs liens
Dans un dossier nommé « festival », puis vérifier que la page s’affiche correctement dans un navigateur
Dans un dossier nommé « projet », puis vérifier que le code respecte les règles HTML

Dans un dossier nommé « festival », puis vérifier que la page s’affiche correctement dans un navigateur

Explication

La mission finale consiste à enregistrer la page dans le dossier « festival » et à vérifier son affichage dans le navigateur. Vérifier la conformité du HTML est une autre démarche de validation, mais ce n’est pas la vérification demandée par cette mission.

Révisez avec les flashcards

Mémorisez les réponses avec 82 flashcards sur Première page Web avec Python.

Quel rôle Python joue-t-il dans la création d’une page Web ?

Python exécute des instructions et peut créer le fichier index.html.

Quel rôle le HTML joue-t-il dans une page Web ?

Il décrit le contenu de la page.

Quel rôle le CSS joue-t-il dans une page Web ?

Il règle l’apparence de la page.

Voir les flashcards →

Approfondir avec la fiche

Consultez la fiche de révision complète sur Première page Web avec Python.

Voir la fiche →

Cours similaires

Spécification des programmes Python

Programmation

Sécurité des usages numériques

Cybersécurité

Internet et Web

Du message aux paquets

Du message aux paquets

Débit, congestion et routage

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