HTML/CSS basique 3

Lequel de ces attributs permet de faire se répéter en boucle une piste audio ou une vidéo ?

• 1. L'attribut preload

• 1. L'attribut loop

• 1. L'attribut autoplay

Answer explanation

Réponse 2. L'attribut preload sert à précharger un fichier audio ou vidéo tandis que autoplay sert à lancer automatiquement un fichier audio ou vidéo dès que celui-ci est chargé.

Lequel de ces attributs nous permet d'ajouter une image de fond à notre vidéo (qui s'affichera avant son lancement) ?

• 1. L'attribut poster

• 1. L'attribut caption

• 1. L'attribut controls

Answer explanation

Réponse 1. On utilise l'attribut poster pour ajouter une image de fond qui s'affichera avant le lancement d'un fichier vidéo.

Le séléecteur CSS étoile (*) sert à...

• 1. Appliquer des bordures aux éléments

• 1. Sélectionner tous les éléments d'une page HTML

• 1. Sélectionner un élément possédant un attribut en particulier

Answer explanation

Réponse 2. Le sélecteur étoile est également appelé "sélecteur CSS universel" car il sert à cibler tous les éléments HTML d'une page d'un coup.

Le sélecteur div + p sert à sélectionner...

• 1. Le premier élément p enfant d'un div

• 1. Tous les éléments p enfants dans un div

• 1. Tous les éléments p suivants un div (et de même niveau)

Answer explanation

Réponse 3. Le sélecteur div + p sert à sélectionner tous les éléments p suivants directement un div dans notre page et étant de même niveau. Pour sélectionner tous les paragraphes dans nos div, nous utiliserons le sélecteur div p.

À quoi reconnait-on les pseudo classes en CSS ?

• 1. Elles commencent toutes par ":"

• 1. Elles commencent toutes par "::"

• 1. Elles possèdent toutes le mot "class" dans leur nom

Answer explanation

Réponse 1. Les pseudo classes CSS commencent toutes par ":", tandis que les pseudo éléments commencent par "::".

A quoi sert la pseudo classe :hover ?

• 1. A modifier le style d'un élément lors du survol de la souris sur l'élément

• 1. A modifier le style d'un lien dès qu'il a été cliqué

• 1. A modifier le style d'un élément avant qu'on l'ait cliqué

Answer explanation

Réponse 1. La pseudo classe :hover va nous permettre d'appliquer des styles spécifiques qui seront donnés à un élément dès qu'il sera survolé par la souris.

A quoi sert le pseudo élément ::selection

• 1. A appliquer un style à un élément lors du survol de la souris

• 1. A appliquer un style à la première ligne d'un élément

• 1. A appliquer un style à la partie d'un élément sélectionnée par l'utilisateur

Answer explanation

Réponse 3. Les styles définis à l'intérieur de ::selection ne seront appliqués à un élément que lorsque celui-ci sera sélectionné par l'utilisateur (avec un double clic de souris par exemple).

Pourquoi utiliser des sprites d'images ?

• 1. Pour diminuer le nombre de requêtes envoyées au serveur

• 1. Par simplicité pour insérer des images

• 1. Car cela crée des images plus jolies

Answer explanation

Réponse 1. On utilise les sprites d'images afin de diminuer le nombre de requêtes envoyées au serveur et ainsi d'optimiser la vitesse de nos sites.

Lequel de ces éléments HTML sert à définir un formulaire ?

• 1. L'élément input

• 1. L'élément form

• 1. L'élément label

Answer explanation

Réponse 2. L'élément form sert à définir un formulaire en HTML.

L'élément form doit obligatoirement être accompagné...

• 1. D'un attribut method

• 1. D'un attribut action

• 1. De deux attributs method et action

Answer explanation

Réponse 3. Pour qu'on formulaire fonctionne correctement, vous devez préciser deux attributs method et action dans la balise ouvrante de votre élément form.