QCM HTML / CSS – Partie 39

mars 1, 2025mars 1, 2025 Thomas Aucun commentaire

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. Comment créer un fond de page avec une image qui se répète sur toute la page ?

background: url('pattern.png') repeat;

background: url('pattern.png') repeat;

background-repeat: no-repeat; background-image: url('pattern.png');

background-repeat: no-repeat; background-image: url('pattern.png');

background: url('pattern.png') fixed;

background: url('pattern.png') fixed;

background-image: repeat('pattern.png');

background-image: repeat('pattern.png');

2. Comment créer un lien permettant de télécharger un fichier lorsque l’on clique dessus ?

<a href="file.pdf" download>Télécharger le fichier</a>

<a href="file.pdf" download>Télécharger le fichier</a>

<a href="file.pdf" target="_blank" download>Télécharger le fichier</a>

<a href="file.pdf" target="_blank" download>Télécharger le fichier</a>

<a href="file.pdf" target="_self" download>Télécharger le fichier</a>

<a href="file.pdf" target="_self" download>Télécharger le fichier</a>

<a href="file.pdf" rel="download">Télécharger le fichier</a>

<a href="file.pdf" rel="download">Télécharger le fichier</a>

3. Comment améliorer l’accessibilité d’un bouton avec aria en HTML ?

<button aria-label="Envoyer le message">Envoyer</button>

<button aria-label="Envoyer le message">Envoyer</button>

<button aria-hidden="true">Envoyer</button>

<button aria-hidden="true">Envoyer</button>

<button aria-live="polite">Envoyer</button>

<button aria-live="polite">Envoyer</button>

<button aria-label="Submit">Submit</button>

<button aria-label="Submit">Submit</button>

4. Quelle propriété CSS permet de créer un effet de défilement horizontal pour un texte ?

white-space: nowrap; overflow: scroll;

white-space: nowrap; overflow: scroll;

overflow-x: scroll; white-space: nowrap;

overflow-x: scroll; white-space: nowrap;

overflow-x: auto; white-space: normal;

overflow-x: auto; white-space: normal;

overflow: hidden; white-space: nowrap;

overflow: hidden; white-space: nowrap;

5. Comment créer un lien pour télécharger une image en HTML ?

<a href="image.jpg" download="image.jpg">Télécharger</a>

<a href="image.jpg" download="image.jpg">Télécharger</a>

<a href="image.jpg" target="_blank" download>Télécharger</a>

<a href="image.jpg" target="_blank" download>Télécharger</a>

<a href="image.jpg" download>Télécharger</a>

<a href="image.jpg" download>Télécharger</a>

<a href="image.jpg" target="_self" download="image.jpg">Télécharger</a>

<a href="image.jpg" target="_self" download="image.jpg">Télécharger</a>

6. Comment créer un fond fixe sur toute la page qui ne défile pas avec le contenu ?

background-attachment: static;

background-attachment: static;

background-attachment: scroll;

background-attachment: scroll;

background-attachment: absolute;

background-attachment: absolute;

background-attachment: fixed;

background-attachment: fixed;

7. Comment créer une liste numérotée avec des lettres en HTML ?

<ol type="a"><li>Premier item</li></ol>

<ol type="a"><li>Premier item</li></ol>

<ol type="A"><li>Premier item</li></ol>

<ol type="A"><li>Premier item</li></ol>

<ul type="A"><li>Premier item</li></ul>

<ul type="A"><li>Premier item</li></ul>

<ol type="alpha"><li>Premier item</li></ol>

<ol type="alpha"><li>Premier item</li></ol>

8. Comment créer une zone de texte qui limite le nombre de caractères en HTML ?

<textarea maxlength="100"></textarea>

<input type="text" maxlength="100">

<input type="text" limit="100">

<textarea limit="100"></textarea>

9. Quand est-il préférable d’utiliser CSS Grid par rapport à Flexbox ?

A Grid est mieux pour les mises en page à une seule dimension (horizontale ou verticale).

B Flexbox est meilleur pour les mises en page complexes avec plusieurs colonnes et lignes.

C Grid est plus adapté aux mises en page à deux dimensions, comme les lignes et les colonnes.

D Flexbox doit être utilisé uniquement pour centrer les éléments dans un conteneur.

10. Quel attribut HTML permet de spécifier la méthode de soumission d’un formulaire ?

A action

B submit

C enctype

D method

QCMs qui pourraient vous intéresser :