QCM HTML / CSS – Partie 35

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 de donner une perspective 3D à un élément ?

A perspective

B transform-style

C transform-perspective

D 3d-perspective

Réponse  

2. Quelle balise HTML permet d’incorporer un fichier JavaScript dans une page et d’exécuter des animations ?

A <script src="animation.js"></script>

B <js src="animation.js">

C <script type="text/javascript">

D <animate src="animation.js"></animate>

Réponse  

3. Comment créer un dégradé radial qui passe du bleu à transparent en CSS ?

A background: radial-gradient(blue, transparent);

B background: radial-gradient(transparent, blue);

C background-image: radial-gradient(blue, rgba(0,0,0,0));

D background: radial-gradient(blue to transparent);

Réponse  
 

4. Quelle propriété CSS permet de donner une forme circulaire à un élément avec des bordures ?

A circle-radius: 50%;

B border: circle;

C shape: circle;

D border-radius: 50%;

Réponse  

5. Quelle propriété Flexbox permet de distribuer l’espace restant de manière égale entre les éléments d’un conteneur ?

A justify-content: space-evenly;

B justify-content: space-between;

C justify-items: space-evenly;

D align-items: center;

Réponse  

6. Quelle balise HTML est utilisée pour grouper des éléments de formulaire afin de créer une section logique ?

A <group>

B <fieldset>

C <form-section>

D <block>

Réponse  
 

7. Quelle balise HTML est utilisée pour intégrer une carte Google sur une page ?

A <iframe src="https://www.google.com/maps/embed?..."></iframe>

B <google-map src="..."></google-map>

C <map src="https://maps.google.com">

D <embed src="https://maps.google.com">

Réponse  

8. Quel effet CSS crée un défilement parallax, où le fond défile à une vitesse différente du contenu principal ?

A background-attachment: fixed;

B background-position: scroll;

C transform: translateZ(1px);

D background-repeat: no-repeat;

Réponse  

9. Quelle balise HTML permet de créer une liste numérotée personnalisée avec des images à la place des numéros ?

A <ol style="list-style-image: url('image.png');">

B <ul style="list-style-image: url('image.png');">

C <ol type="image">

D <ol style="counter-style: image('image.png');">

Réponse  

10. Quelle propriété CSS permet d’animer une rotation d’un élément de 360 degrés en continu ?

A transform: rotate(360deg);

B @keyframes rotate { transform: rotate(360deg); }

C @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

D @rotate { animation: 360deg infinite; }

Réponse