wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

PROMO 1: HTML et CSS

Total questions: 22

Worksheet time: 11mins

Name
Class
Date
1.
Laquelle des balises suivantes peut être utilisée pour associer une légende à du contenu ?
a)
footer
b)
nav
c)
dialog
d)
figure
2.
Comment représenter une barre de progression à 50% d'avancement ?
a)
50%
b)
50%
c)
d)
3.
Comment changer la couleur d'un lien en rouge quand il est survolé par la souris ?
a)
a:link {color: red}
b)
a:visited {color: red}
c)
a:active {color: red}
d)
a:hover {color: red}
4.
La propriété de style "resize"
a)
redimensionner un bloc selon la largeur de la fenêtre
b)
adapter la taille d'un bloc à son bloc parent
c)
adapter la taille d'un bloc à son contenu automatique
d)
autorise le redimensionnement d'un bloc avec la souris
5.
Que permet la propriété "background-image" ?
a)
de définir une image de fond
b)
de modifier ou étirer l'image de fond
c)
d'appliquer une rotation à une image de fond
d)
de définir plusieurs images de fond
6.
Quel effet produira la balise appliquée à une ligne ?
a)
sa mise en forme comme liste à puce
b)
la justification du texte
c)
sa mise en italique
d)
sa mise en gras
7.
indique ?
a)
la page de code utilisée pour le document
b)
les paramètres régionaux et langage du document
c)
la version du HTML utilisée
d)
le type de document
8.
Comment ajouter une marge aux images qui côtoient une liste ul ?
a)
ul[img] {margin: 15px; }
b)
ul$img {margin: 15px; }
c)
ul~img {margin: 15px; }
d)
ul| img {margin: 15px; }
9.
Peut-on utiliser un nom de classe comme

?

a)
oui mais cela est devenu obsolète en html5
b)
oui et même plusieurs fois pour un même nom
c)
oui mais une seule fois seulement par nom distinct
d)
non
10.
Que fait la balise ?
a)
indique un titre
b)
barré
c)
souligné
d)
met en surbrillance
11.
Peut-on utiliser un nom de classe comme

?

a)
{ span: left ; }
b)
{ surround: left ; }
c)
{ float: left ; }
d)
{ colspan: left ; }
12.
En CSS, rgb(255,255,255) est la couleur
a)
transparente
b)
blanche
c)
noire
d)
grise
13.
cellspacing est
a)
une nouveauté en html5
b)
obsolète depuis html5
c)
obsolète depuis xhtml1
d)
autorisée mais pas recommandée en html5
14.
en HTML, que fait   ?
a)
insère un saut de paragraphe
b)
produit un espace insécable
c)
ajoute un compteur de page automatique
d)
insère un saut de page
15.
@font-face en CSS permet
a)
de modifier l'espacement d'une fonte existante
b)
d'utiliser une fonte non présente chez l'internaute
c)
de changer le style d'une fonte existante
d)
de changer la taille d'une fonte existante
16.
Quel attribut de la balise link lie une feuille de style adaptées à l'écran d'un smartphone ?
a)
media="smart"
b)
media="small"
c)
media="mobile"
d)
media="handheld"
17.
En CSS, "em" représente :
a)
4,2 mm
b)
la largeur d'une majuscule comme M
c)
12 pixels
d)
12 points
18.
Quel argument utiliser pour importer une feuille de style adaptée à l'écran d'un smartphone ?
a)
@import "fe.css" handheld;
b)
@import "fe.css" smartphone;
c)
@import "fe.css" small;
d)
@import "fe.css" mobile;
19.
Que signifie CSS ?
a)
Common Style Services
b)
Cascading Style Sheet
c)
Common System Services
d)
Common Style System
20.
comment rendre la règle h1 {font-style: italic; } prioritaire par rapport à toutes ?
a)
h1 override{font-style: italic; }
b)
h1 no_override {font-style: italic; }
c)
h1 {font-style: italic !important; }
d)
h1#high {font-style: italic; }
21.
Comment définir une case à cocher ?
a)
type="checkbox"
b)
type="radio"
c)
type="inputbox"
d)
type="selector"
22.
Dans CSS comment définir des propriétés adaptées à l'écran d'un smartphone ?
a)
@media handheld { ...... }
b)
@media smart { ...... }
c)
@media screen { ...... }
d)
@media mobile { ...... }