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>
<embed>

B

<object>
<object>

C

<iframe>
<iframe>

D

<pdf>
<pdf>

 

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

A

<code>
<code>

B

<script>
<script>

C

<pre>
<pre>

D

<program>
<program>

 

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

A

<i>
<i>

B

<em>
<em>

C

<italic>
<italic>

D

<span>
<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; }
h1, h2, h3 { color: red; }

B

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

C

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

D

h1:h2:h3 { color: red; }
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
li:last-of-type

B

li:last-child
li:last-child

C

li:nth-last-child(1)
li:nth-last-child(1)

D

li:last
li:last

 

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

A

div:not(.selected)
div:not(.selected)

B

div.selected
div.selected

C

div:not.selected
div:not.selected

D

div :not(.selected)
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
display: none) ?

A

div:hidden
div:hidden

B

div[hidden]
div[hidden]

C

div:visible
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
input:focus:empty

B

input:focus
input:focus

C

input:empty:focus
input:empty:focus

D

input:focus:not(:empty)
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
.btn-primary .btn-secondary

B

.btn-primary + .btn-secondary
.btn-primary + .btn-secondary

C

.btn-primary.btn-secondary
.btn-primary.btn-secondary

D

.btn-primary, .btn-secondary
.btn-primary, .btn-secondary

 
 

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

A

<figure>
<figure>

B

<image>
<image>

C

<caption>
<caption>

D

<frame>
<frame>

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *