QCM HTML / CSS – Partie 23

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 propriété CSS permet de définir un modèle de grille (grid) ?

A display: grid;

B display: inline-block;

C display: flex;

D grid-layout: true;

Réponse

2. Quelle fonction CSS est utilisée pour créer un dégradé radial ?

A linear-gradient()

B radial-gradient()

C gradient-radial()

D circle-gradient()

Réponse  

3. Quelle balise HTML est utilisée pour inclure une citation dans une page web ?

A <quote>

B <q>

C <cite>

D <blockquote>

Réponse  
 

4. Quelle balise HTML permet d’ajouter une image responsive qui s’adapte à la taille de son conteneur ?

A <img src="image.jpg">

B <img src="image.jpg" width="100%">

C <picture><source srcset="image.jpg"><img src="image.jpg"></picture>

D <img src="image.jpg" style="width: 100%;">

Réponse  

5. Quel est l’effet de la règle CSS suivante sur un conteneur Flexbox ?

.container {  
  display: flex;  
  justify-content: center;  
  align-items: center;  
}

A Alignement des éléments en haut à gauche

B Les éléments sont centrés à la fois horizontalement et verticalement

C Les éléments sont empilés les uns sur les autres

D Les éléments sont alignés sur la droite uniquement

Réponse  

6. Dans un conteneur Flexbox, que fait la propriété flex-wrap: wrap ?

A Elle empile tous les éléments sur une seule ligne.

B Elle force les éléments à se placer sur une seule ligne, quelle que soit leur taille.

C Elle permet aux éléments de se répartir sur plusieurs lignes si nécessaire.

D Elle centre les éléments sur la ligne.

Réponse  
 

7. Quelle est la différence entre un lien relatif et un lien absolu en HTML ?

A Un lien relatif utilise une URL complète, tandis qu’un lien absolu utilise un chemin relatif.

B Un lien relatif utilise un chemin par rapport à la page courante, tandis qu’un lien absolu utilise une URL complète.

C Un lien relatif est toujours plus court qu’un lien absolu.

D Il n’y a pas de différence entre les deux types de liens.

Réponse  

8. Quelle propriété CSS est utilisée pour faire tourner un élément ?

A transform: rotate()

B rotate: transform()

C transform: rotateX()

D transform: angle()

Réponse  
 

9. Quel comportement la propriété flex-grow applique-t-elle dans un conteneur Flexbox ?

A Elle contrôle l’espacement entre les éléments.

B Elle définit la largeur de chaque élément.

C Elle permet aux éléments de s’étirer pour occuper l’espace disponible.

D Elle ajuste la taille des éléments selon leur contenu.

Réponse  

10. Quel est l’effet de la règle CSS suivante sur un élément ?

.element {  
  position: fixed;  
  top: 0;  
  left: 0;  
}

A L’élément est positionné de manière absolue par rapport à son parent.

B L’élément est placé en haut à gauche de la page et reste visible même lors du défilement.

C L’élément est déplacé au centre de la page.

D L’élément est placé en bas à droite de la page.

Réponse