wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Révision HTML, CSS et JavaScript

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

Comment identifie-t-on la partie administrative d'un site web?

a)

Site front-end

b)

Site back-end

c)

Site Plateforme web

d)

Site transactionnel

2.

Qu'est ce que l'hébergement web?

a)

C'est l'endroit où notre site se situe

b)

C'est la technologie de notre site

c)

C'est le nom de domaine du site

d)

C'est l'emplacement géographique de notre site

3.

Quelle est la meilleur manière de faire un menu de site web?

a)

<nav><ul><li><a>

b)

<menu><menuitem><a>

c)

<link><a>

d)

<ol><li><a>

4.

Pourquoi le head est une balise obligatoire?

a)

Il contient des infos essentielles pour le navigateur

b)

Il contient l'entête de mon site dont le menu

c)

Il permet d'afficher le contenu de mon site

d)

Il permet de charger le PHP de ma page

5.

Les balises HTML header, main et footer sont:

a)

Essentielles à un site web

b)

Obligatoires à un site web

c)

Facultatives à un site web

d)

à éviter dans un site web

6.

Quelle serait la meilleure balise pour l'affichage d'une boîte de contenu?

a)

La balise div

b)

La balise box

c)

La balise iframe

d)

La balise section

7.

Pourquoi utiliser principalement la balise section dans mon code HTML

a)

Elle permet de diviser mon contenu

b)

Elle permet de séparer des zones qui ont un rôle précis

c)

C'est la seul que l'on peut positionner

d)

Elle est utile pour le référencement

8.

Avec le code suivant, mon image ne s'affiche pas pourquoi?


<img src="equipe/Pelletire.png">

a)

Le chemin de l'image n'est pas le bon

b)

Le format de fichier PNG est invalide

c)

L'attribut alt n'est pas présent

d)

La balise img n'est pas fermée

9.

Quel est l'outil pour valider la structure de notre code HTML?

a)

W3C HTML Validator

b)

Visual Studio Code

c)

Le navigateur web avec un afficher la source

d)

La console du navigateur avec la touche FF11

10.

Quel est le langage de présentation parmi les suivants:

a)

CSS

b)

HTML

c)

PHP

d)

JAVASCRIPT

11.

Je veux appliquer un style erreur à une div, quelle est la meilleure manière de faire?

a)

<div class="erreur">

b)

<div style="color:red;">

c)

<div id="erreur">

d)

<div css="erreur">

12.

Les paragraphes de mon site prennent toutes la largeur de ma page pourquoi?

a)

Ils sont en display:block par défaut

b)

Ils sont en float:left par défaut

c)

Ils sont en float:inline par défaut

d)

Ils sont en flex:1; par défaut

13.

Que représente cette image?

a)

Le box model

b)

Le box sizing

c)

La taille d'un élément

d)

Le CSS d'un élément

14.

Si j'utilise la propriété CSS suivante:

padding: 2%;

Que va t'il arriver à mon élément?

a)

L'espacement à l'intérieur de l'élément sera de 2%

b)

La marge à l'extérieur de l'élément sera de 2%

c)

La bordure à l'intérieur de l'élément sera de 2%

d)

La taille de l'élément sera de 2%

15.

Si je veux empêcher l'envoi de mon formulaire HTML en validant la présence d'une valeur dans un champs avec HTML:

a)

Utiliser l'attribut Value

b)

Utiliser l'attribut Required

c)

Utiliser la balise Label

d)

Utiliser la balise Input

16.

Quelle est la bonne syntaxe pour déclarer une variable en JavaScript?

a)

let age;

b)

VAR age;

c)

string age;

d)

const age;

17.

Quelle est la bonne syntaxe pour définir une fonction en JavaScript?

a)

function myFunction()

b)

fun myFunction()

c)

function = myFunction()

d)

function: myFunction()

18.

Identifier la bonne définition de Javascript

a)

Langage interprété coté client

b)

Langage compilé coté client

c)

Langage compilé coté servveur

d)

Langage interprété coté serveur

19.

À quoi sert le DOM pour JavaScript?

a)

Il permet d'aller chercher n'importe quel élément d'une page Web

b)

Il permet d'afficher n'importe quel élément d'une page Web

c)

Il permet d'exécuter du javascript dans une page

d)

Il permet l'interactivité d'une page Web

20.

Si je veux déboguer efficacement une variable en Javascript je devrais utiliser la méthode:

a)

console.log();

b)

alert();

c)

var_dump()

d)

innerHTML()