wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Quiz sur le HTML et CSS

Total questions: 21

Worksheet time: 11mins

Name
Class
Date
1.

Quel est le rôle principal du HTML ?

a)

Créer des animations

b)

Structurer le contenu d’une page web

c)

Gérer le responsive design

d)

Styliser les éléments

2.

Quel langage permet de styliser une page web ?

a)

JavaScript

b)

PHP

c)

CSS

d)

HTML

3.

Quelle balise sémantique représente une section thématique ?

a)

div

b)

section

c)

span

d)

footer

4.

Quelle balise représente la navigation du site ?

a)

main

b)

header

c)

nav

d)

aside

5.

Quelle propriété CSS permet d’aligner les éléments horizontalement en Flexbox ?

a)

align-items

b)

flex-direction

c)

justify-content

d)

display-type

6.

Pour activer Flexbox sur un conteneur, il faut écrire :

a)

display: grid

b)

display: flex

c)

display: block

d)

flex: active

7.

Quelle propriété aligne verticalement les éléments en Flexbox ?

a)

align-items

b)

justify-content

c)

flex-wrap

d)

text-align

8.

Quel outil en ligne permet d’apprendre Flexbox en s’amusant ?

a)

FlexGame

b)

Flexbox World

c)

Froggy Flex

d)

Flexbox Froggy

9.

Quelle propriété CSS permet aux éléments de revenir à la ligne ?

a)

flex-line

b)

wrap-items

c)

flex-wrap

d)

break-align

10.

Quelle combinaison rend une image responsive ?

a)

width: 500px

b)

max-width: 100%

c)

width: 100% et max-width: 300px

d)

image-size: auto

11.

Quel breakpoint mobile est le plus utilisé dans le cours ?

a)

1600px

b)

480px

c)

768px

d)

1200px

12.

Une media query commence par :

a)

responsive

b)

layout

c)

@screen

d)

@media

13.

Quel attribut est obligatoire pour une image ?

a)

title

b)

alt

c)

href

d)

desc

14.

Quelle balise contient le contenu principal ?

a)

content

b)

section

c)

main

d)

header

15.

Quelle propriété arrondit les coins d’un élément ?

a)

corner-radius

b)

smooth-border

c)

border-radius

d)

curve: 10px

16.

Quelle règle applique un style uniquement sous 768px ?

a)

@media (screen < 768px)

b)

@responsive 768px

c)

@media (max-width: 768px)

d)

@size mobile 768px

17.

Quel élément doit être unique dans une page HTML ?

a)

une classe

b)

une balise p

c)

un id

d)

une image

18.

À quoi sert flex-direction: column ?

a)

À inverser les couleurs

b)

À empiler les éléments verticalement

c)

À agrandir les blocs

d)

À rendre la page responsive automatiquement

19.

À quoi sert le footer ?

a)

Afficher le menu

b)

Contenir les informations de bas de page

c)

Charger des scripts

d)

Créer un formulaire

20.

À quoi sert un lien de type href=”#section” dans une one page ?

a)

À télécharger un fichier

b)

À changer de page

c)

À envoyer un email

d)

À aller vers une partie précise de la même page

21.

De quelle couleur, est le bout de la queue de Pikachu ?

a)

Marron

b)

Noir

c)

Jaune

d)

Rouge

e)

il n'a pas de queue