QCM HTML / CSS – Partie 37

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 est la façon correcte d’ajouter un emoji (comme un cœur ) dans un texte en HTML ?

A

<p></p>

B

<p>&#128155;</p>

C

<p>&#x2764;</p>

D Toutes les réponses ci-dessus

Réponse  

2. Quelle balise HTML vous permet d’ajouter une icône à côté d’un titre ?

A

<h1><svg>...</svg> Titre</h1>


B

<h1><i class="icon"></i> Titre</h1>


C

<h1><span class="icon"></span> Titre</h1>


D

<h1><img src="icon.png" alt="icon"> Titre</h1>


Réponse  

3. Quelle propriété CSS permet de rendre un menu fixe en haut de la page, même lors du défilement ?

A

position: sticky; top: 0;

B

position: fixed; top: 0;

C

position: absolute; top: 0;

D A et B

Réponse  
 

4. Comment définir et utiliser une variable CSS pour la couleur de fond ?

A

--primary-color: #3498db;

B

background-color: var(--primary-color);

C

:root { --primary-color: #3498db; }

D A et B

Réponse  

5. Comment créer une liste de liens qui s’affichent horizontalement ?

A

ul { list-style-type: none; } li { display: inline; }

B

ul { list-style: none; } li { display: block; }

C

ul { list-style-type: inline; } li { display: inline-block; }

D

ul { list-style: none; } li { display: flex; }

Réponse  

6. Quelle balise HTML permet d’ajouter un texte alternatif pour une vidéo non accessible ?

A

<video><track src="captions.vtt" kind="subtitles" srclang="en" label="English"></video>

B

<video alt="Video non accessible">Video</video>

C

<video><caption>Video</caption></video>

D

<video><p>Video</p></video>

Réponse  
 

7. Comment ajouter un lien cliquable sur une image en HTML ?

A

<a src="https://example.com"><img href="image.jpg"></a>

B

<link href="https://example.com"><img src="image.jpg"></link>

C

<a href="https://example.com"><img src="image.jpg"></a>

D

<img href="https://example.com" src="image.jpg">

Réponse  

8. Comment rendre un tableau HTML responsive sur des écrans plus petits ?

A En utilisant la propriété

overflow-x: auto; sur le conteneur du tableau

B En utilisant

table-layout: auto; sur la balise <table>

C En ajoutant la balise

<responsive-table>

D En définissant une largeur fixe pour les colonnes du tableau

Réponse  
 

9. Quel est le code HTML pour afficher le symbole de la copyright (©) ?

A

©

B

©

C

© ou ©

D

<copyright>

Réponse  

10. Comment créer une liste numérotée avec un style personnalisé des puces (par exemple, des chiffres en lettres) ?

A

<ol style="list-style-type: upper-alpha;">

B

<ul style="list-style-type: circle;">

C

<ol type="I">

D

<ol style="list-style-type: decimal;">

Réponse