QCM HTML / CSS – Partie 21

février 27, 2025février 27, 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. Quel attribut HTML est utilisé pour spécifier la largeur d’une image ?

A width

B height

C size

D length

L’attribut ‘width’ permet de spécifier la largeur d’une image en HTML. Par exemple, <img src="image.jpg" width="200"> définit la largeur de l’image à 200 pixels.

2. Quelle propriété CSS permet de créer une ombre portée sur un élément ?

A box-shadow

B shadow-effect

C text-shadow

D drop-shadow

La propriété ‘box-shadow’ permet d’ajouter une ombre portée autour d’un élément. Par exemple, box-shadow: 10px 10px 5px rgba(0,0,0,0.5); crée une ombre de 10 pixels décalée à la fois horizontalement et verticalement. Voir un exemple complet.

3. Quelle propriété CSS est utilisée pour définir l’épaisseur des bordures d’un élément ?

A border-style

B border-width

C border-color

D border-radius

La propriété border-width permet de définir l’épaisseur des bordures d’un élément. Par exemple, border-width: 2px; définit une bordure de 2 pixels.

4. Quelle balise HTML est utilisée pour définir une liste non ordonnée ?

A <ol>

B <ul>

C <list>

D <li>

La balise <ul> est utilisée pour définir une liste non ordonnée, qui affiche des éléments avec des puces. Les éléments de la liste sont définis à l’intérieur de la balise <li>.

5. Quelle propriété CSS permet de masquer la barre de défilement d’un élément ?

A overflow: hidden;

B visibility: hidden;

C scroll: none;

D display: none;

La propriété overflow: hidden; permet de masquer la barre de défilement d’un élément en cas de dépassement de contenu. Voir un exemple complet.

6. Quel est l’objectif de l’attribut alt dans une balise <img> ?

A Afficher un texte alternatif lorsque l’image ne se charge pas

B Modifier la couleur de l’image

C Ajouter une bordure autour de l’image

D Définir l’alignement de l’image

L’attribut alt permet de fournir une description alternative d’une image, utile en cas de problème de chargement de l’image.

7. Que permet de faire la propriété CSS z-index ?

A Modifier la couleur de l’élément

B Gérer l’ordre de superposition des éléments

C Modifier l’épaisseur de la bordure

D Ajouter une ombre portée

La propriété z-index permet de gérer l’empilement des éléments positionnés, en définissant l’ordre de superposition sur l’axe Z. Un élément avec un z-index plus élevé sera affiché au-dessus d’un élément avec un z-index plus bas.

8. Quel est le rôle de l’attribut href dans une balise <a> ?

A Définir la couleur du texte du lien

B Définir l’adresse du serveur WEB

C Définir le texte du lien

D Définir l’URL de destination du lien

L’attribut href dans une balise <a> définit l’URL ou la destination du lien hypertexte.

9. Quelle valeur de l’attribut target permet d’ouvrir un lien dans un nouvel onglet ou une nouvelle fenêtre ?

A _self

B _blank

C _top

D _new

L’attribut target="_blank" permet d’ouvrir le lien dans un nouvel onglet ou une nouvelle fenêtre du navigateur.

10. Quelle valeur de la propriété CSS `display` permet de masquer un élément tout en préservant son espace dans le flux du document ?

A none

B block

C inline

D visibility: hidden;

La valeur visibility: hidden; masque un élément mais conserve son espace dans la mise en page. En revanche, display: none; supprime également l’élément du flux du document.

QCMs qui pourraient vous intéresser :

1. Quel attribut HTML est utilisé pour spécifier la largeur d’une image ?

2. Quelle propriété CSS permet de créer une ombre portée sur un élément ?

3. Quelle propriété CSS est utilisée pour définir l’épaisseur des bordures d’un élément ?

4. Quelle balise HTML est utilisée pour définir une liste non ordonnée ?

5. Quelle propriété CSS permet de masquer la barre de défilement d’un élément ?

6. Quel est l’objectif de l’attribut alt dans une balise <img> ?

7. Que permet de faire la propriété CSS z-index ?

8. Quel est le rôle de l’attribut href dans une balise <a> ?

9. Quelle valeur de l’attribut target permet d’ouvrir un lien dans un nouvel onglet ou une nouvelle fenêtre ?

10. Quelle valeur de la propriété CSS display permet de masquer un élément tout en préservant son espace dans le flux du document ?

Vous pourrez aussi aimer

QCM HTML / CSS – Partie 33

QCM HTML / CSS – Partie 8

QCM HTML / CSS – Partie 56

Laisser un commentaire Annuler la réponse

10. Quelle valeur de la propriété CSS `display` permet de masquer un élément tout en préservant son espace dans le flux du document ?