wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML/CSS base

Total questions: 26

Worksheet time: 26mins

Name
Class
Date
1.

Le rôle du HTML est de...

a)
  1. Mettre en forme du texte

b)
  1. Ordonner du contenu

c)
  1. Créer des sites e-commerce

2.

Pour définir un titre DANS une page HTML, on utilise...

a)
  1. L'élément title

b)
  1. L'élément head

c)
  1. Un élément h1, h2, ... h6

3.

Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...

4.

Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...

a)
  1. Un attribut target

b)
  1. Un attribut href

c)
  1. Deux attributs href et target

5.

Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?

a)
  1. <!--Commentaire-->

b)
  1. <--Commentaire-->

c)
  1. <!--Commentaire--!>

6.

Pour indiquer qu'un contenu est très important, on utilise l'élément...

a)
  1. Strong

b)
  1. Em

c)
  1. Mark

7.

Quels éléments sont nécessaires pour créer une liste non-ordonnée ?

a)
  1. ul et li

b)
  1. ol et li

c)
  1. ul et ol

8.

Laquelle de ces syntaxes est correcte ?

a)
  1. <img>src="mon-image.jpg" alt="Une image"</img>

b)
  1. <img src="mon-image.jpg" alt="Une image">

c)
  1. <img href="mon-image.jpg" alt="Une image">

9.

A quoi sert l'attribut alt de l'élément img ?

a)
  1. A donner une description de l'image si celle-ci ne peut pas s'afficher

b)
  1. A donner un lien alternatif vers l'image si le premier est cassé

c)
  1. A afficher une deuxième image si la première ne peut pas s'afficher

10.

Pourquoi doit-on toujours essayer d'avoir un code HTML valide ?

a)
  1. Pour minimiser le nombre de bugs potentiels

b)
  1. Pour optimiser son référencement

c)
  1. Pour éviter des problèmes d'affichage futurs

11.

Le rôle du CSS est de...

a)
  1. Mettre en forme du texte

b)
  1. Ordonner du contenu

c)
  1. Créer des sites e-commerce

12.

Quel est l'emplacement recommandé pour le CSS ?

a)
  1. Dans un élément HTML style

b)
  1. Dans un attribut HTML style

c)
  1. Dans un fichier ".css" séparé

13.

Qu'est-ce que "color" en CSS ?

a)
  1. Un sélecteur

b)
  1. Une propriété

c)
  1. Une déclaration

14.

Comment sélectionne-t-on le div class="div1" en CSS ?

a)
  1. Avec le sélecteur "div1"

b)
  1. Avec le sélecteur "#div1"

c)
  1. Avec le sélecteur ".div1"

15.

Laquelle de ces propositions est exacte ?

a)
  1. On doit donner une valeur unique à un attribut id mais pas à des attributs class

b)
  1. On doit donner une valeur unique à un attribut class mais pas à des attributs id

c)
  1. On doit donner une valeur unique à chaque attribut class et id dans une page

16.

Un élément de type block...

a)
  1. Occupe toute la largeur disponible dans la page

b)
  1. N'occupe que la largeur nécessaire à son contenu

c)
  1. Occupe toute la largeur disponible dans son élément parent

17.

Quelle est la différence majeure entre les éléments div et span ?

a)
  1. L'élément span est de type block, l'élément div est de type inline

b)
  1. L'élément div est de type block, l'élément span est de type inline

c)
  1. L'élément div sert de conteneur, au contraire de l'élément span

18.

Un Canard pond un œuf toutes les 2 heures. Combien de temps va-t-il prendre pour pondre 3 œufs.

a)

0

b)

2

c)

4

d)

6

19.

Pourquoi doit-on préciser plusieurs valeurs pour la propriété font-family ?

a)
  1. Pour laisser la possibilité à l'utilisateur de choisir celle qu'il préfère

b)
  1. Car certaines polices peuvent ne pas être lues par un navigateur

c)
  1. Il n'est pas nécessaire de préciser plusieurs valeurs

20.

Pourquoi utiliser les Google Fonts ?

a)
  1. Car Google favorisera notre site si on utilise une de ses polices

b)
  1. Car les polices de Google sont plus jolies

c)
  1. Car ces polices vont pouvoir être lues par tous les navigateurs

21.

A quoi sert la propriété font-weight ?

a)
  1. A modifier le poids d'une police

b)
  1. A modifier l'inclinaison d'une police

c)
  1. A modifier la taille d'une police

22.

Quelle est la différence entre les valeurs de type RGB et RGBa

a)
  1. RGB utilise des notations hexadécimales, ce qui n'est pas le cas de RGBa

b)
  1. RGB gère la transparence à l'inverse de RGBa

c)
  1. RGBa gère la transparence à l'inverse de RGB

23.

Que représentent les deux premiers chiffres composant une notation hexadécimale ?

a)
  1. Une intensité de rouge

b)
  1. Une intensité de bleu

c)
  1. Une intensité de vert

24.

Combien faut il donner de valeurs à text-shadow ?

a)
  1. 2 valeurs

b)
  1. 3 valeurs

c)
  1. 4 valeurs

25.

Les trois premières valeurs de text-shadow servent à indiquer, dans l'ordre...

a)
  1. La projection horizontale de l'ombre, la projection verticale de l'ombre et le rayon de propagation de l'ombre

b)
  1. La projection verticale de l'ombre, la projection horizontale de l'ombre et le rayon de propagation de l'ombre

c)
  1. La projection horizontale de l'ombre, la projection verticale de l'ombre et la couleur de l'ombre

26.

Jusqu'au XVIIIe siècle, le champagne était une boisson décriée. Pourquoi ?

a)

On pensait qu'il s'agissait d'un mauvais vin.

b)


On croyait que les bulles étaient l'œuvre du diable.

c)

Boire un verre de champagne après un verre de vin blanc était supposé porter malheur.

d)

Le fils de Philippe III était mort en buvant un verre de champagne.