QCM HTML / CSS – Partie 47

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 idéale pour afficher un fichier PDF directement dans une page web ?

A <embed>

B <object>

C <iframe>

D <pdf>

<object data="file.pdf" type="application/pdf" width="600" height="400">  
  <p>Votre navigateur ne prend pas en charge les fichiers PDF. Vous pouvez <a href="example.pdf">télécharger le PDF ici</a></p>  
</object>

2. Quelle balise HTML est utilisée pour spécifier une section de code informatique sur une page web ?

A <code>

B <script>

C <pre>

D <program>

3. Quelle balise permet de mettre en évidence un texte en italique ?

A <i>

B <em>

C <italic>

D <span>

4. Tu veux appliquer un style à tous les éléments <h1>, <h2>, et <h3> en même temps. Quelle est la bonne syntaxe CSS ?

A h1, h2, h3 { color: red; }

B h1 + h2 + h3 { color: red; }

C h1 h2 h3 { color: red; }

D h1:h2:h3 { color: red; }

5. Tu veux appliquer un style uniquement au dernier élément <li> dans une liste, sans savoir combien d’éléments la liste contient. Quel sélecteur CSS utiliserais-tu ?

A li:last-of-type

B li:last-child

C li:nth-last-child(1)

D li:last

6. Tu veux appliquer un style à tous les éléments <div> sauf ceux qui ont la classe .selected. Quel sélecteur CSS utiliserais-tu ?

A div:not(.selected)

B div.selected

C div:not.selected

D div :not(.selected)

7. Quel sélecteur CSS permet de cibler tous les éléments <div> qui sont cachés (par exemple, avec display: none) ?

A div:hidden

B div[hidden]

C div:visible

D Il n’existe pas de sélecteur CSS pour cela

8. Tu souhaites appliquer un style à un champ de formulaire uniquement lorsqu’il a un focus et que son contenu est vide. Quel sélecteur CSS utiliserais-tu ?

A input:focus:empty

B input:focus

C input:empty:focus

D input:focus:not(:empty)

9. Imaginons que tu aies plusieurs boutons, certains ayant la classe btn-primary et d’autres la classe btn-secondary. Tu souhaites appliquer un style uniquement aux boutons qui ont les deux classes. Quel sélecteur CSS utiliserais-tu ?

A .btn-primary .btn-secondary

B .btn-primary + .btn-secondary

C .btn-primary.btn-secondary

D .btn-primary, .btn-secondary

10. Quelle balise est utilisée pour ajouter un encadré autour d’une image, avec une légende ?

A <figure>

B <image>

C <caption>

D <frame>

<figure>  
  <img src="image.jpg" width="600" height="400">  
  <figcaption>Voici la légende de l'image : Une belle vue de la mer.</figcaption>  
</figure>