QCM HTML / CSS – Partie 31

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 permet de définir une zone interactive dans un document où l’utilisateur peut dessiner ou interagir graphiquement ?

A <canvas>

B <graphics>

C <interactive>

D <svg>

A
La balise <canvas> permet de dessiner des graphiques ou des animations via JavaScript. Elle est utilisée pour créer des jeux, des graphiques dynamiques, des visualisations de données, etc.

 

 

2. Comment pouvez-vous personnaliser l’apparence des puces dans une liste HTML ?

A En modifiant le texte avec list-style-type

B En utilisant la propriété list-style-image

C Avec list-item-design

D En utilisant des balises <custom-bullet>

B
Pour personnaliser les puces des listes, vous pouvez utiliser list-style-image en CSS, qui permet de remplacer les puces par une image. Cela permet de rendre la liste visuellement unique.

 

 

3. Quelle balise HTML est utilisée pour associer un message d’erreur à un champ de formulaire ?

A <error>

B <message> avec un id

C <span>

D <label> avec un for

C
Un élément <span> avec un id peut être utilisé pour afficher un message d’erreur personnalisé pour un champ de formulaire. Cela permet de lier un texte d’erreur à un champ spécifique du formulaire.

 

 

4. Comment pouvez-vous fusionner des cellules horizontalement dans un tableau HTML ?

A Avec l’attribut colspan

B En utilisant rowspan

C Avec l’attribut merge

D En ajustant la taille des cellules manuellement

A
L’attribut colspan permet de fusionner plusieurs cellules horizontales dans un tableau HTML. Il prend en paramètre le nombre de colonnes que la cellule doit couvrir.

 

 
 

5. Quelle propriété CSS permet de souligner le texte d’un élément ?

A text-decoration: underline;

B border-bottom: 1px solid;

C text-align: underline;

D line-height: underline;

A
La propriété text-decoration: underline; permet d’ajouter un soulignement au texte de l’élément ciblé. Elle est couramment utilisée pour styliser les liens.

 

 

6. Quelle propriété CSS permet de changer l’orientation des éléments dans un conteneur Flexbox de horizontal à vertical ?

A flex-direction: column;

B flex-direction: row-reverse;

C flex-wrap: reverse;

D justify-content: column;

A
La propriété flex-direction: column; permet de changer l’orientation des éléments dans un conteneur Flexbox de la ligne par défaut (horizontal) à la colonne (vertical).

 

 

7. Quelle pseudo-classe CSS permet de cibler le premier caractère d’un élément texte ?

A ::start

B ::first-letter

C ::first-character

D ::beginning

B
La pseudo-classe ::first-letter permet de cibler et de styliser le premier caractère d’un élément texte. Elle est souvent utilisée pour créer des effets typographiques comme des lettres capitales stylisées.

 

 
 

8. Quelle propriété CSS permet de faire pivoter un élément dans l’espace en 3D ?

A transform: rotateX();

B transform: rotate3d();

C transform: rotateY();

D transform: perspective();

A
La propriété transform: rotateX(); permet de faire pivoter un élément autour de l’axe X en 3D. Vous pouvez utiliser d’autres propriétés comme rotateY() ou rotateZ() pour les axes Y et Z.

 

 

9. Quelle propriété CSS permet de définir une variable personnalisée dans votre feuille de style ?

A --variable-name

B var()

C variable-name

D @variable

A
Les variables CSS commencent par — et peuvent être utilisées partout dans votre CSS pour stocker des valeurs réutilisables. Par exemple : --main-color: #f00;

 

 

10. Quelle balise HTML est utilisée pour créer un lien hypertexte vers une ancre située ailleurs dans la même page ?

A <link>

B <a href="#ancre">

C <button href="#ancre">

D <anchor>

B
La balise <a> avec l’attribut href="#ancre" permet de créer un lien vers une ancre située ailleurs dans la même page. L’ancre est définie par un attribut id sur l’élément cible.

 

 

Laisser un commentaire

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