wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML Basique 2

Total questions: 23

Worksheet time: 20mins

Name
Class
Date
1.

Lorsqu'on définit "width:75%" pour un élément en CSS, cela signifie...

a)
  1. Que l'élément va occuper une 75% de la largeur totale de la page

b)
  1. Que l'élément va occuper une 75% de sa largeur par défaut

c)
  1. Que l'élément va occuper une 75% de la largeur de son élément parent

2.

Quel va être l'aspect d'une bordure si on la crée en utilisant la valeur dashed ?

a)
  1. Bordure en pointillés

b)
  1. Bordure sous forme de tirets

c)
  1. Bordure avec un effet 3D

3.

Quelle propriété nous permet de créer des bordures arrondies ?

a)
  1. Border-style

b)
  1. Border-radius

c)
  1. Radius

4.

Que représente le padding d'un élément ?

a)
  1. La marge intérieure

b)
  1. La marge extérieure

c)
  1. Le contenu de l'élément

5.

Si on ne donne que deux valeurs à la propriété padding, la première valeur représente...

a)
  1. La marge intérieure haute

b)
  1. Les marges intérieures droite et gauche

c)
  1. Les marges intérieures haute et basse

6.

A quoi sert la valeur inset de la propriété box-shadow ?

a)
  1. A créer une ombre centrée autour de la boîte

b)
  1. A créer une ombre intérieure

c)
  1. A déterminer le rayon de projection de notre ombre

7.

Que se passe t-il si j'applique "display:none" à un élément ?

a)
  1. L'élément est effacé du code de ma page HTML

b)
  1. Le type de display de l'élément n'est pas modifié

c)
  1. L'élément ne sera pas affiché dans le navigateur

8.

On ne peut pas utiliser les propriétés top, right, bottom et left sur un élément quand...

a)
  1. Nous n'avons pas utilisé la propriété position sur l'élément

b)
  1. L'élément a été positionné avec position: relative

c)
  1. L'élément a été positionné avec position: absolute

9.

Appliquer un "clear:left" à un élément est utile pour...

a)
  1. Empêcher l'élément de se placer à côté d'un élément possédant un float:left

b)
  1. Empêcher l'élément de se placer à côté d'un élément possédant un float:right

c)
  1. Faire flotter l'élément à gauche

10.

Laquelle de ces propriétés CSS nous permet de changer la couleur de fond d'un élément ?

a)
  1. color

b)
  1. background-color

c)
  1. background-image

11.

Par défaut, une image de fond se répète...

a)
  1. Horizontalement

b)
  1. Pas du tout

c)
  1. Horizontalement et verticalement

12.

Comment ajouter plusieurs images de fond pour un même élément ?

a)
  1. En réécrivant toutes les déclarations CSS deux fois

b)
  1. En n'écrivant qu'une fois les propriétés et en séparant les valeurs pour chaque image par une virgule

c)
  1. Ce n'est pas possible

13.

A quoi sert un préfixe vendeur ?

a)
  1. A vendre plus pour un site e-commerce

b)
  1. A forcer la compatibilité d'une propriété CSS pour certaines versions de certains navigateurs

c)
  1. A créer des dégradés pour tous les navigateurs

14.

Quel est le préfixe vendeur de Mozilla Firefox ?

a)
  1. -webkit-

b)
  1. -o-

c)
  1. -moz-

15.

Quelle syntaxe allons-nous utiliser pour créer un dégradé linéaire jaune/orange/rouge du coin supérieur gauche vers le coin inférieur droit d'un élément ?

a)
  1. background: -webkit-linear-gradient(top left, yellow,orange,red);
    background: -o-linear-gradient(bottom right, yellow,orange,red);
    background: -moz-linear-gradient(bottom right, yellow,orange,red);
    background: linear-gradient(to bottom right, yellow,orange,red);

b)
  1. background: -webkit-linear-gradient(bottom right, yellow,orange,red);
    background: -o-linear-gradient(bottom right, yellow,orange,red);
    background: -moz-linear-gradient(bottom right, yellow,orange,red);
    background: linear-gradient(to bottom right, yellow,orange,red);

c)
  1. background: -webkit-linear-gradient(top left, yellow,orange,red);
    background: -o-linear-gradient(bottom right, yellow,orange,red);
    background: -moz-linear-gradient(bottom right, yellow,orange,red);
    background: linear-gradient(bottom right, yellow,orange,red);

16.

Qu'est-ce qu'un dégradé radial ?

a)
  1. Un dégradé qui se fait dans toutes les directions à partir d'un point central

b)
  1. Un dégradé qui part d'un centre dans une certaine direction

c)
  1. Un dégradé qui part d'une direction vers une autre

17.

Un dégradé radial ne peut pas être de forme...

a)
  1. Circulaire

b)
  1. Elliptique

c)
  1. Triangulaire

18.

Lequel de ces éléments sert à créer une nouvelle ligne dans un tableau HTML ?

a)
  1. L'élément table

b)
  1. L'élément tr

c)
  1. L'élément td

19.

Quelle propriété CSS utilise-t-on pour "coller" les bordures d'un tableau ?

a)
  1. La propriété border

b)
  1. La propriété border-radius

c)
  1. La propriété border-collapse

20.

Quel élément HTML sert à définir une ligne d'en tête pour notre tableau ?

a)
  1. L'élément tr

b)
  1. L'élément th

c)
  1. L'élément thead

21.

Comment faire en sorte qu'une cellule occupe l'espace de trois colonnes dans un tableau HTML ?

a)
  1. En utilisant colspan = "3"

b)
  1. En utilisant rowspan = "3"

c)
  1. En crivant deux cellules vides après cette cellule dans notre tableau

22.

Lequel de ces éléments HTML sert à ajouter une légende à un tableau HTML ?

a)
  1. L'élément legend

b)
  1. L'élément figcaption

c)
  1. L'élément caption

23.

Qu'a de particulier la rue des Degrés à Paris dans le deuxième arrondissement ?

a)


Elle n'a que des numéros pairs.

b)


C'est l'une des rues les plus froides de la ville.

c)


Elle est si étroite qu'un adulte ne peut y pénétrer de face.

d)

C'est la rue la plus courte de la capitale.