QCM HTML / CSS – Partie 33

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 type d’élément <input> permet de créer un champ pour saisir une couleur ?

A <input type="text">

B <input type="color">

C <input type="date">

D <input type="range">

2. Quel attribut HTML permet d’ajouter une étiquette descriptive à un champ de formulaire ?

A label

B for

C description

D input-label

<form>
    <label for="nom">Nom :</label>
    <input type="text" id="nom" name="nom">
</form>

3. Quelle propriété CSS permet de contrôler la durée d’une transition ?

A transition-duration

B transition-time

C transition-speed

D transition-period

4. Quelle propriété CSS est utilisée pour définir l’espacement entre les lignes d’une grille CSS ?

A grid-gap

B grid-row-gap

C gap

D grid-spacing

5. Quelle balise HTML permet d’inclure une image réactive qui s’adapte à la taille de l’écran ?

A <img src="image.jpg">

B <picture>

C <image srcset="image.jpg">

D <responsive-img src="image.jpg">

6. Quelle propriété CSS permet d’ajouter de la transparence à une couleur ?

A opacity

B color-opacity

C rgba()

D transparent

7. Quelle balise HTML permet de rendre une vidéo responsive (adaptable à la taille de l’écran) ?

A <video width="100%">

B <video responsive>

C <iframe>

D <media>

8. Quelle pseudo-classe CSS permet de cibler un lien après qu’il a été visité par l’utilisateur ?

A :visited

B :active

C :focus

D :hover

9. Comment rendre une image de fond responsive avec CSS ?

A background-size: cover;

B background-size: 100% 100%;

C background-repeat: no-repeat;

D background-image: url('image.jpg');

10. Quelle balise HTML améliore l’accessibilité d’un formulaire ?

A <label>

B <fieldset>

C <input>

D <legend>