QCM HTML / CSS – Partie 26

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. Quel attribut HTML est utilisé pour spécifier le nom du groupe de boutons radio ?

A id

B name

C value

D group

<input type="radio" name="fruit" value="apple"> Pomme
<input type="radio" name="fruit" value="banana"> Banane
<input type="radio" name="fruit" value="orange"> Orange

2. Quelle balise HTML permet d’intégrer un fichier audio ?

A <audio>

B <media>

C <sound>

D <music>

3. Comment créer un bouton qui passe de la couleur rouge à la couleur verte lorsqu’on survole avec la souris ?

A button:hover { color: green; }

B button:hover { background-color: green; }

C button:hover { text-color: green; }

D button:hover { border-color: green; }

4. Quel est le rôle de la propriété flex-grow en CSS ?

A Modifier la taille du contenu

B Déterminer combien d’espace un élément doit occuper dans un conteneur flex

C Modifier l’alignement des éléments flex

D Modifier la couleur de fond d’un élément flex

5. Comment rendre un élément complètement transparent avec CSS ?

A opacity: 1;

B visibility: transparent;

C opacity: 0;

D display: none;

6. Comment ajouter une image de fond à un élément en CSS ?

A background-image: url("image.jpg");

B image-background: url("image.jpg");

C background: img("image.jpg");

D image-src: url("image.jpg");

7. Si vous voulez qu’un élément soit toujours visible en haut de la page même lorsque l’utilisateur fait défiler la page, quel style CSS appliqueriez-vous ?

A position: sticky; top: 0;

B position: fixed; top: 0;

C position: relative;

D position: absolute;

8. Si vous voulez que le contenu d’une page se réorganise automatiquement lorsque l’écran devient plus petit, quelle approche utiliseriez-vous ?

A Utiliser des unités fixes (px)

B Utiliser position: absolute;

C Utiliser des media queries

D Utiliser display: none;

9. Comment créer une image de fond qui se répète uniquement verticalement et non horizontalement ?

A background-repeat: no-repeat;

B background-repeat: repeat-y;

C background-repeat: repeat-x;

D background-repeat: repeat;

10. Quelle balise HTML permet d’ajouter une liste de définitions ?

A <ol>

B <ul>

C <dl>

D <list>