wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML/CSS basique 3

Total questions: 17

Worksheet time: 13mins

Name
Class
Date
1.

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

a)
  1. L'attribut preload

b)
  1. L'attribut loop

c)
  1. L'attribut autoplay

2.

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

a)
  1. L'attribut poster

b)
  1. L'attribut caption

c)
  1. L'attribut controls

3.

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

a)
  1. Appliquer des bordures aux éléments

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

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

4.

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

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

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

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

5.

À quoi reconnait-on les pseudo classes en CSS ?

a)
  1. Elles commencent toutes par ":"

b)
  1. Elles commencent toutes par "::"

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

6.

A quoi sert la pseudo classe :hover ?

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

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

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

7.

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

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

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

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

8.

Pourquoi utiliser des sprites d'images ?

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

b)
  1. Par simplicité pour insérer des images

c)
  1. Car cela crée des images plus jolies

9.

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

a)
  1. L'élément input

b)
  1. L'élément form

c)
  1. L'élément label

10.

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

a)
  1. D'un attribut method

b)
  1. D'un attribut action

c)
  1. De deux attributs method et action

11.

Si je demande un mot de passe dans mon formulaire, j'utiliserai plutôt...

a)
  1. La valeur get de l'attribut method

b)
  1. La valeur post de l'attribut method

c)
  1. Aucune de ces deux valeurs

12.

Lequel de ces éléments sert à créer un champ de type "date" dans un formulaire ?

a)
  1. L'élément input

b)
  1. L'élément date

c)
  1. L'élément select

13.

Lequel de ces attributs sert à pré-cocher une case ?

a)
  1. L'attribut selected

b)
  1. L'attribut autocomplete

c)
  1. L'attribut checked

14.

On va utiliser l'élément fieldset pour...

a)
  1. Donner un titre à notre formulaire

b)
  1. Créer des parties dans notre formulaire

c)
  1. Donner un titre à une partie de notre formulaire

15.

Lorsqu'on utilise des valeurs en pourcentage pour redimensionner un élément en CSS, la valeur donnée à un élément dépend...

a)
  1. De sa taille de départ

b)
  1. De la taille de la fenêtre

c)
  1. De la taille de son élément parent

16.

Laquelle de ces trois écirtures est correcte

a)
  1. @media screen and max-width = 680px

b)
  1. @media screen and (max-width: 680px)

c)
  1. @media screen and (max-width = 680px)

17.

En 1610, le mathématicien Johannes Kepler est gêné de ne pouvoir apporter un cadeau à son mécène pour le Nouvel An. Il lui offre finalement « presque rien », soit :

a)

Du vide en bocal.

b)

Un flocon de neige.

c)


Un point sur une feuille.

d)


Un cerveau de moustique.