QCM HTML / CSS – Partie 32

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 propriété CSS permet d’ajouter une ombre portée autour d’un élément ?

A shadow: 5px 5px 10px rgba(0,0,0,0.5);

B box-shadow: 5px 5px 10px rgba(0,0,0,0.5);

C text-shadow: 5px 5px 10px rgba(0,0,0,0.5);

D element-shadow: 5px 5px 10px rgba(0,0,0,0.5);

B
La propriété box-shadow permet d’ajouter une ombre portée à un élément. Les paramètres définissent l’offset horizontal, l’offset vertical, la taille de l’ombre et la couleur.

 

 

2. Quelle balise HTML permet de placer une vidéo en arrière-plan d’une page ?

A <video> avec position: absolute;

B <background-video>

C <media>

D <embed>

A
Vous pouvez utiliser la balise <video> pour insérer une vidéo. Pour qu’elle serve d’arrière-plan, vous pouvez la positionner absolument avec position: absolute; et la faire occuper tout l’écran.

 

 

3. Comment spécifiez-vous la langue principale de votre document HTML ?

A <html lang="fr">

B <html language="fr">

C <html lang="fr-FR">

D <document language="fr">

A
L’attribut lang de la balise <html> spécifie la langue principale du document. Par exemple, lang="fr" indique que le document est en français.

 

 

4. Comment créez-vous un lien vers une autre page web dans une nouvelle fenêtre ou un nouvel onglet ?

A <a href="page.html" target="_blank">

B <link href="page.html" target="_blank">

C <a href="page.html" new-window>

D <a href="page.html" open-window="true">

A
L’attribut target="_blank" permet d’ouvrir un lien dans une nouvelle fenêtre ou un nouvel onglet. C’est très utile pour les liens externes.

 

 
 

5. Quelle propriété CSS permet de définir une animation en boucle infinie ?

A animation-iteration-count: infinite;

B animation-loop: true;

C animation-restart: 0;

D infinite-loop: true;

A
La propriété animation-iteration-count: infinite; permet de faire jouer une animation un nombre illimité de fois. C’est très utile pour des effets visuels continus.

 

 

6. Quelle fonction CSS permet de créer un effet de transition fluide entre deux états d’un élément ?

A transition-speed

B transition-timing-function

C transition-duration

D transition-effect

B
La propriété transition-timing-function permet de définir la courbe de vitesse d’une transition. Par exemple, vous pouvez utiliser ease, linear, ease-in, ou ease-out pour contrôler la vitesse de la transition.

 

 

7. Quelle balise HTML permet de spécifier un format différent pour l’impression ?

A <media>

B <print>

C <link rel="stylesheet" media="print">

D <style media="print">

C
L’attribut media="print" dans la balise <link> permet de spécifier un fichier CSS distinct pour l’impression. Cela vous permet de personnaliser l’apparence d’une page lors de l’impression (par exemple, en cachant des éléments ou en modifiant les couleurs).

 

 
 

8. Quelle balise HTML est utilisée pour ajouter un contenu qui peut être modifié par l’utilisateur dans une page web ?

A <contenteditable>

B <editable>

C <textarea>

D <input type="text">

A
L’attribut contenteditable permet de rendre un élément HTML modifiable par l’utilisateur. Cela transforme l’élément en une sorte de zone de texte modifiable dans le navigateur.

 

 

9. Quel sélecteur CSS permet de cibler le premier enfant d’un parent ?

A :first-child

B :nth-child(1)

C :child(1)

D :first-of-type

A
Le pseudo-sélecteur :first-child permet de sélectionner le premier enfant d’un élément parent, qu’il soit de n’importe quel type ou non. Par exemple, ul li:first-child ciblera le premier élément <li> dans un <ul>.

 

 

10. Quelle propriété CSS permet d’animer l’opacité d’un élément de manière fluide ?

A opacity-transition

B transition: opacity 0.5s;

C opacity: animate;

D fade-in: true;

B
La propriété transition: opacity 0.5s; permet de créer une animation fluide pour modifier l’opacité d’un élément, sur une durée de 0.5 seconde, par exemple. Cela crée des effets de transition d’apparition ou de disparition.

 

 

Laisser un commentaire

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