Quiz: Introduction au développement web avec HTML, CSS et JavaScript — 9 domande

1. En quoi l'élément HTML diffère-t-il du standard HTML5 ?

A. L'élément HTML est un ensemble de règles, alors que le standard HTML5 est une unité de contenu

B. L'élément HTML est une unité de contenu structurée par des balises, tandis que le standard HTML5 est un ensemble de règles et de syntaxe à respecter

C. L'élément HTML est utilisé uniquement par les robots, tandis que le standard HTML5 sert uniquement aux navigateurs

D. L'élément HTML gère la mise en forme, contrairement au standard HTML5 qui organise le contenu

Answer: (B)

Spiegazione

L'élément HTML est défini comme une unité de contenu délimitée par des balises pour structurer le contenu, tandis que le standard HTML5 est un ensemble de règles et de syntaxe à respecter pour assurer la compatibilité et la compréhension par les navigateurs et robots. À revoir : Fondamentaux du HTML : structure, éléments et attributs. Appui du cours : « - **Élément HTML** : Une unité de contenu dans une page web, délimitée par une balise ouvrante et une balise fermante ou une balise auto-fermante, utilisée pour structurer le contenu. - **Standard HTML5** : Un ensemble de règles et de syntaxe à respecter… »

2. Qu'est-ce qu'un élément HTML selon la définition donnée ?

A. Une unité de contenu dans une page web, délimitée par une balise ouvrante et une balise fermante ou une balise auto-fermante, utilisée pour structurer le contenu.

B. Une section de code JavaScript insérée dans une page HTML.

C. Une balise qui sert uniquement à la mise en forme du texte dans une page web.

D. Une instruction pour le navigateur pour appliquer un style spécifique.

Answer: (A)

Spiegazione

La définition précise d'un élément HTML selon la source est qu'il s'agit d'une unité de contenu délimitée par une balise ouvrante et une balise fermante ou auto-fermante, utilisée pour structurer le contenu. À revoir : Fondamentaux du HTML : structure, éléments et attributs. Appui du cours : « Une unité de contenu dans une page web, délimitée par une balise ouvrante et une balise fermante ou une balise auto-fermante, utilisée pour structurer le contenu. »

3. Quel est le rôle principal des balises de type block dans le flux d’affichage d’une page web ?

A. Empêcher tout retour à la ligne autour de leur contenu

B. Provoquer un retour à la ligne avant et après leur contenu

C. Fusionner plusieurs éléments en un seul bloc sans séparation

D. Afficher les éléments côte à côte horizontalement

Answer: (B)

Spiegazione

Les balises de type block provoquent un retour à la ligne avant et après leur contenu, ce qui les affiche en blocs verticaux distincts, contrairement aux balises inline qui s'affichent côte à côte. À revoir : Balises block et inline et leur impact sur le flux d’affichage. Appui du cours : « Les balises de type block provoquent un retour à la ligne avant et après leur contenu. »

4. Quelle est la caractéristique principale d'une balise HTML de type inline ?

A. Elle s'affiche en bloc vertical dans la page

B. Elle provoque un retour à la ligne avant et après son contenu

C. Elle ne provoque pas de retour à la ligne et s'affiche côte à côte

D. Elle provoque un retour à la ligne avant mais pas après

Answer: (C)

Spiegazione

Les balises inline ne provoquent pas de retour à la ligne et s'affichent côte à côte, contrairement aux balises block qui provoquent un saut de ligne. À revoir : Balises block et inline et leur impact sur le flux d’affichage. Appui du cours : « - Les balises de type inline ne provoquent pas de retour à la ligne et s'affichent côte à côte horizontalement. »

5. Quelle est la définition d'un fichier CSS ?

A. Un fichier texte avec extension .css contenant des règles de style

B. Un fichier image utilisé pour la mise en page

C. Un document contenant uniquement du contenu HTML

D. Un fichier HTML structurant une page web

Answer: (A)

Spiegazione

Un fichier CSS est un fichier texte avec extension .css contenant des règles de style, comme indiqué dans la source. À revoir : Principes de base du CSS : fichier, syntaxe, sélecteurs et modèle de boîte. Appui du cours : « Un fichier CSS est un fichier texte avec extension .css contenant des règles de style. »

6. Qu'est-ce qu'un sélecteur CSS d'identifiant (#id) ?

A. Un sélecteur qui cible tous les éléments ayant un attribut spécifique

B. Un pseudo-élément qui cible le premier enfant d'un élément

C. Un sélecteur qui cible un seul élément avec un attribut id unique

D. Un sélecteur qui cible tous les éléments avec une classe spécifique

Answer: (C)

Spiegazione

Le sélecteur d’identifiant (#id) cible un seul élément avec un attribut id unique, ce qui le distingue des autres sélecteurs qui ciblent plusieurs éléments ou des états spécifiques. À revoir : Sélecteurs CSS avancés : identifiants, classes, attributs, enfants et pseudo-classes. Appui du cours : « Le sélecteur d’identifiant (#id) cible un seul élément avec un attribut id unique. »

7. Quelle est la définition du DOM dans le contexte des pages web ?

A. Un fichier séparé contenant uniquement le code JavaScript de la page

B. Une liste linéaire d'éléments HTML sans hiérarchie

C. Un ensemble de règles CSS appliquées à la page web

D. Une structure arborescente de nœuds où chaque nœud est un objet avec propriétés et méthodes

Answer: (D)

Spiegazione

Le DOM est défini comme une structure arborescente de nœuds, chaque nœud étant un objet avec propriétés et méthodes, permettant l'interaction dynamique via CSS et JavaScript. À revoir : Notion de DOM et organisation hiérarchique des éléments HTML. Appui du cours : « Le DOM représente la page web comme un arbre de nœuds, où chaque nœud est un objet avec propriétés et méthodes. »

8. Qu'est-ce que la propriété innerHTML en JavaScript ?

A. Une propriété qui permet de lire ou modifier le contenu HTML interne d’un élément DOM

B. Une fonction qui supprime un élément du DOM

C. Une méthode pour ajouter un nouvel attribut à un élément

D. Une propriété qui stocke le style CSS d’un élément

Answer: (A)

Spiegazione

La propriété innerHTML permet de lire ou modifier le contenu HTML interne d’un élément DOM, comme indiqué dans la source. À revoir : Techniques d’accès aux éléments DOM et manipulation des attributs et styles en JavaScript. Appui du cours : « Une propriété d’un élément DOM qui permet de lire ou modifier le contenu HTML interne de cet élément. »

9. Quelle est la conséquence principale de l'utilisation de la programmation événementielle en JavaScript ?

A. Elle élimine la nécessité de gérer les interactions utilisateur

B. Elle repose sur la détection et la gestion d’événements déclenchés par l’utilisateur ou le système

C. Elle simplifie le traitement des données en mode séquentiel

D. Elle permet d'exécuter des instructions dans un ordre fixe et prévisible

Answer: (B)

Spiegazione

La programmation événementielle repose sur la détection et la gestion d’événements déclenchés par l’utilisateur ou le système, ce qui permet de répondre à ces événements de façon asynchrone. À revoir : Programmation événementielle en JavaScript : gestion des événements et différences avec la programmation séquentielle. Appui du cours : « La programmation événementielle repose sur la détection et la gestion d’événements déclenchés par l’utilisateur ou le système. »