QCM HTML / CSS – Partie 29

février 28, 2025février 28, 2025 Thomas Aucun commentaire

Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.

1. Quelle balise HTML est utilisée pour afficher un document PDF dans une page web ?

A <pdf>

B <embed src="document.pdf">

C <object src="document.pdf">

D <iframe src="document.pdf">

La balise <embed> permet d’intégrer un document PDF dans une page web, tout comme <object> et <iframe> peuvent aussi être utilisés pour intégrer des fichiers externes.

2. Comment peut-on écrire un commentaire sur plusieurs lignes dans HTML ?

A 

B /* Commentaire sur plusieurs lignes */

C // Commentaire sur plusieurs lignes

D <!-- Commentaire sur plusieurs lignes (sans fermeture)

En HTML, les commentaires peuvent s’étendre sur plusieurs lignes et se ferment avec –>.

3. Quelle balise HTML est utilisée pour créer une section d’article dans un blog ?

A <article>

B <section>

C <div>

D <aside>

La balise <article> est utilisée pour définir un contenu autonome dans un site Web,

4. Quel est l’impact de l’utilisation excessive de commentaires HTML dans une page ?

A Augmente la performance

B N’affecte pas la performance

C Réduit la performance en augmentant la taille du fichier

D Bloque l’exécution du code

Bien que les commentaires n’affectent pas directement l’exécution du code, un trop grand nombre de commentaires peut augmenter la taille du fichier HTML, ce qui peut avoir un impact sur les performances de téléchargement, notamment sur des pages très volumineuses.

5. Quelle est la syntaxe correcte pour définir une animation avec @keyframes qui fait passer un élément de gauche à droite sur l’écran ?

A @keyframes slide { from { left: 0; } to { left: 100%; } }

B @keyframes slide { from { position: left; } to { position: right; } }

C @keyframes slide { start { left: 0; } end { left: 100%; } }

D @keyframes slide { 0% { left: 0; } 100% { left: 100%; } }

Les animations CSS utilisent les @keyframes pour définir des étapes d’animation à différents pourcentages. Ici, 0% est le début de l’animation et 100% est la fin. Voir un exemple complet.

6. Quelle propriété CSS est utilisée pour appliquer un filtre à une image, comme un flou ou un contraste accru ?

A image-filter

B filter

C img-filter

D effect

La propriété filter permet d’appliquer des effets visuels à un élément, comme un flou (blur()), un changement de contraste (contrast()), ou une transformation en noir et blanc (grayscale()).

7. Quelle balise HTML permet de fusionner deux ou plusieurs cellules d’une ligne dans un tableau ?

A <merge>

B <span>

C <td colspan="2">

D <cell merge="2">

L’attribut colspan permet de fusionner plusieurs cellules horizontales dans une ligne de tableau en spécifiant combien de colonnes la cellule doit couvrir. Voir un exemple complet.

8. Quelle valeur CSS de background-repeat permet de répéter une image de fond à la fois horizontalement et verticalement ?

A repeat-x

B repeat-y

C repeat

D no-repeat

La valeur repeat de background-repeat permet de répéter une image de fond aussi bien horizontalement que verticalement.

9. Comment rendre une colonne d’un tableau HTML triable par l’utilisateur ?

A Utiliser un plugin JavaScript pour trier les colonnes.

B Ajouter l’attribut sortable aux balises <th>.

C Utiliser une balise <sort> à l’intérieur du tableau.

D Il n’est pas possible de rendre un tableau triable en HTML pur.

HTML ne dispose pas de fonctionnalités natives pour trier les tableaux dynamiquement. Cependant, des bibliothèques JavaScript comme DataTables ou des scripts peuvent ajouter cette fonctionnalité.

10. Quel est l’objectif de la balise `<meta name="description" content="...">` dans le <head> d’une page HTML ?

A Fournir une description qui apparaîtra dans le corps de la page.

B Aider les moteurs de recherche à comprendre le contenu de la page.

C Définir l’ID de la page pour le référencement.

D Créer un lien vers une autre page du site.

La balise <meta name="description" content="..."> fournit une description concise du contenu de la page, utilisée par les moteurs de recherche pour afficher un extrait dans les résultats de recherche.

QCMs qui pourraient vous intéresser :

1. Quelle balise HTML est utilisée pour afficher un document PDF dans une page web ?

2. Comment peut-on écrire un commentaire sur plusieurs lignes dans HTML ?

3. Quelle balise HTML est utilisée pour créer une section d’article dans un blog ?

4. Quel est l’impact de l’utilisation excessive de commentaires HTML dans une page ?

5. Quelle est la syntaxe correcte pour définir une animation avec @keyframes qui fait passer un élément de gauche à droite sur l’écran ?

6. Quelle propriété CSS est utilisée pour appliquer un filtre à une image, comme un flou ou un contraste accru ?

7. Quelle balise HTML permet de fusionner deux ou plusieurs cellules d’une ligne dans un tableau ?

8. Quelle valeur CSS de background-repeat permet de répéter une image de fond à la fois horizontalement et verticalement ?

9. Comment rendre une colonne d’un tableau HTML triable par l’utilisateur ?

10. Quel est l’objectif de la balise <meta name="description" content="..."> dans le <head> d’une page HTML ?

Vous pourrez aussi aimer

QCM HTML / CSS – Partie 18

QCM HTML / CSS – Partie 25

QCM HTML / CSS – Partie 2

Laisser un commentaire Annuler la réponse

10. Quel est l’objectif de la balise `<meta name="description" content="...">` dans le <head> d’une page HTML ?