wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

M104 - Compétences en Développement Web Statique

Total questions: 50

Worksheet time: 17mins

Name
Class
Date
1.

Que signifie HTML?

a)

Hyper Text Markup Language

b)

High Technical Markup Language

c)

Hyperlink Text Markup Language

d)

Home Text Markup Language

2.

Quelle organisation définit les normes pour HTML, CSS et d'autres technologies web?

a)

W3D

b)

W3C

c)

HTML5 Consortium

d)

W3Schools

3.

Quel est le rôle de l'élément <meta> dans l'en-tête d'une page HTML?

a)

Il définit le titre de la page.

b)

Il spécifie le jeu de caractères utilisé sur la page.

c)

Il crée un lien vers une autre page.

d)

Il insère une image sur la page.

4.

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

a)

<--Commentaire-->

b)

<!-Commentaire->

c)

<!--Commentaire-->

d)

<!--Commentaire--!>

5.

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

a)

L'élément title

b)

L'élément head

c)

Un élément h1, h2, ... h6

d)

Il n'existe pas cette fonction

6.

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

a)

<a target="http://wikipedia.org">Wikipédia</a>

b)

<a href="http://wikipedia.org">

c)

<a src="http://wikipedia.org">

d)

<a href="http://wikipedia.org">Wikipédia</a>

7.

Comment créez-vous un lien hypertexte pour envoyer un e-mail?

a)

<link>

b)

<a href="mailto:">

c)

<email>

d)

<mailto>

8.

Quels éléments sont nécessaires pour créer une liste numérotée ?

a)

ol et li

b)

ul et ol

c)

tr et td

d)

ul et li

9.

Quel élément HTML est utilisé pour créer des listes à puces ?

a)

<list>

b)

<ol>

c)

<menu>

d)

<ul>

10.

Quel attribut permet d’inverser le compte des puces des éléments d'une liste ordonnée

a)

a. reverse

b)

b. reversed

c)

c. start

d)

d. count-reverse

11.

Laquelle de ces syntaxes est correcte ?

a)

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

b)

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

c)

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

d)

<img url="mon-image.jpg" alt="Une image">

12.

Comment spécifiez-vous l'image de prévisualisation avec l'attribut poster dans une balise <video> ?

a)

A. <video poster="image.jpg">

b)

B. <video preview="image.jpg">

c)

C. <video src="image.jpg">

d)

D. <video image="image.jpg">

13.

Quel attribut est utilisé pour spécifier la source audio dans la balise <audio> ?

a)

A. src

b)

B. source

c)

C. audio-source

d)

D. sound-source

14.

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

a)

L'élément table

b)

L'élément th

c)

L'élément td

d)

L'élément tr

15.

Quel attribut HTML est utilisé pour spécifier l'épaisseur de la bordure autour des cellules d'un tableau ?

a)

A. cellpadding

b)

B. border

c)

C. tablespacing

d)

D. cellspacing

16.

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

a)

L'élément th

b)

L'élément tr

c)

L'élément td

d)

L'élément thead

17.

Quel attribut HTML est utilisé pour spécifier l'espacement entre les cellules d'un tableau ?

a)

A. cellpadding

b)

B. border

c)

C. tablespacing

d)

D. cellspacing

18.

Quel est le résultat de la fusion de deux cellules adjacentes avec l'attribut colspan="2" ?

a)

Les cellules ne peuvent pas être fusionnées horizontalement.

b)

Les deux cellules fusionnent en une seule cellule qui s'étend sur deux colonnes

c)

Les deux cellules fusionnent en une seule cellule qui s'étend sur deux lignes.

19.

Quelle balise HTML est utilisée pour créer un formulaire sur une page web?

a)

<input>

b)

<form>

c)

<action>

d)

<label>

20.

Quelles balises HTML sont couramment utilisées pour les champs de saisie de texte?

a)

<input> et <text>

b)

<input> et <textarea>

c)

<field> et <box>

d)

<type> et <form>

21.

Quelles balises HTML sont utilisées pour créer des boutons d'option et des cases à cocher dans un formulaire?

a)

<radio> et <checkbox>

b)

<choice> et <box>

c)

<select> et <input>

d)

<option> et <check>

22.

Quelle balise HTML est utilisée pour créer une liste déroulante (menu déroulant) dans un formulaire?

a)

<menu>

b)

<list>

c)

<dropdown>

d)

<select>

23.

Quel attribut de formulaire HTML spécifie la page à laquelle les données du formulaire seront envoyées après soumission?

a)

method

b)

action

c)

target

d)

submit

24.

Quelle balise HTML est utilisée pour regrouper des éléments de formulaire associés et créer une légende pour ce groupe?

a)

<group>

b)

<legend>

c)

<fieldset>

d)

<formgroup>

25.

Quelle méthode d'envoi de formulaire permet l'envoi de données sous forme de corps de requête, ce qui peut être plus sécurisé?

a)

POST

b)

GET

26.

Quelle méthode d'envoi de formulaire ne devrait pas être utilisée pour transmettre des mots de passe en clair?

a)

POST

b)

GET

27.

Quel attribut de champ de texte HTML permet de spécifier une valeur par défaut dans le champ?

a)

default

b)

value

c)

initial

d)

preset

28.

Quelle est la principale fonction des balises sémantiques en HTML ?

a)

Définir la structure visuelle de la page

b)

Décrire le style et la mise en forme du contenu

c)

Fournir des informations sur la signification du contenu

d)

Créer des liens hypertextes vers d'autres pages

29.

Quelle balise sémantique est utilisée pour définir un menu de navigation ?

a)

<nav>

b)

<main>

c)

<menu>

d)

<primary>

30.

Quelle balise HTML est utilisée pour diviser une page web en sections distinctes?

a)

<block>

b)

<section>

c)

<divide>

d)

<split>

31.

Comment définissez-vous une couleur de fond en CSS en utilisant le code hexadécimal de la couleur ?

a)

  • a) background-color: red;

b)

  • b) color: #FF0000;

c)

  • c) background-color: #FF0000;

32.

Comment centrez-vous un élément horizontalement en CSS ?

a)

  • a) text-align: center;

b)

  • b) margin: 0 auto;

c)

  • c) align: center;

33.

Quelle propriété CSS est utilisée pour changer la police d'un texte ?

a)

  • a) font-style

b)

b) font-family

c)

c) text-font

34.

Quelle est la méthode d'intégration recommandée pour inclure le CSS dans un fichier HTML?

a)

  • a) CSS externe

b)

b) CSS interne

c)

c) CSS en ligne

35.

Quel sélecteur cible tous les éléments d'une classe spécifique en CSS ?

a)

  • a) #element

b)

b) .element

c)

c) element

36.

Quel sélecteur cible un élément par son identifiant unique en CSS ?

a)

  • a) element

b)

  • b) .element

c)

c) #element

37.

Comment ajoutez-vous une bordure de 1 pixel solide autour d'un élément en CSS ?

a)

  • a) border: 1px solid #000;

b)

  • b) border: 1em dashed red;

c)

c) outline: 2px dotted blue;

38.

Quelle propriété CSS est utilisée pour ajouter de l'espace à l'intérieur d'un élément ?

a)

  • a) margin

b)

  • b) padding

c)

c) space-inside

39.

Quelle propriété CSS est utilisée pour ajouter une image de fond à un élément ?

a)

  • a) background-image

b)

  • b) image-url

c)

  • c) picture

40.

Quel sélecteur CSS cible tous les éléments enfants d'un élément spécifique ?

a)

  • a) Sélecteur descendant " " (espace)

b)

  • b) Sélecteur voisin direct "+"

c)

  • c) Sélecteur enfant ">"

41.

Quelle pseudo-classe CSS cible un lien non visité ?

a)

  • a) :visited

b)

  • b) :link

c)

  • c) :active

42.

Quelle pseudo-classe CSS cible le 1er enfant d'un élément parent ?

a)

a) :nth-child(2)

b)

b) :first-child

c)

c) :last-child

43.

Quelle pseudo-classe cible tous les éléments pairs d'une liste non ordonnée ?

a)

  1. ul li:nth-child(odd)

b)

  1. ul li:nth-child(even)

c)

  1. ul li:first-child

d)

  1. ul li:last-child

44.

Quelle propriété CSS est utilisée pour activer le modèle de boîte flexible (Flexbox) sur un conteneur ?

a)

  1. display: flex;

b)

  1. flexbox: true;

c)

  1. flex-layout: column;

d)

  1. box-model: flex;

45.

Quelle propriété Flexbox est utilisée pour définir la direction principale des éléments dans un conteneur Flexbox (horizontale ou verticale) ?

a)

  1. flex-direction

b)

  1. flex-layout

c)

  1. flex-directional

d)

  1. flex-flow

46.

Comment alignez-vous les éléments d'un conteneur Flexbox horizontalement au centre ?

a)

  1. align-items: center;

b)

  1. justify-content: center;

c)

  1. center: true;

d)

  1. align-center: horizontal;

47.

Combien de colonnes sont disponibles dans le système de grille de Bootstrap par défaut ?

a)

  1. 6

b)

  1. 12

c)

  1. 24

d)

9

48.

Comment définissez-vous une rangée (ligne) dans le système de grille de Bootstrap ?

a)

  1. En utilisant la classe .container

b)

  1. En utilisant la classe .grid-row

c)

  2. En utilisant la classe .col

d)

  1. En utilisant la classe .row

49.

Quelle classe Bootstrap est utilisée pour créer une colonne de 4 unités (sur 12) ?

a)

  1. .col-md-4

b)

  1. .col-sm-12

c)

  1. .col-4

d)

  1. .col-xs-4

50.

Quelle classe Bootstrap est utilisée pour créer une colonne qui prend la moitié de la largeur de son conteneur parent ?

a)

  1. .col-6

b)

  1. .col-md-6

c)

  1. .col-xs-6

d)

  1. .col-half

Similar Resources on Wayground

LLVH-7/12

50 questions

LLVH-7/12

quiz

Worksheet

•

University

แบบทดสอบวิชาไมโครคอนโทรลเลอร์

45 questions

แบบทดสอบวิชาไมโครคอนโทรลเลอร์

quiz

Worksheet

•

KG - Professional Dev...

HUTECH-TỔNG KẾT 3

50 questions

HUTECH-TỔNG KẾT 3

quiz

Worksheet

•

University

MONTHLY MEETING MD

50 questions

MONTHLY MEETING MD

quiz

Worksheet

•

12th Grade - University

TỔNG QUAN BẾP BÁNH

47 questions

TỔNG QUAN BẾP BÁNH

quiz

Worksheet

•

University

EC8073_ME_IAT-II_QUIZ(23.09.2020)

50 questions

EC8073_ME_IAT-II_QUIZ(23.09.2020)

quiz

Worksheet

•

University

JavaScript-ITELECTIVE

50 questions

JavaScript-ITELECTIVE

quiz

Worksheet

•

University

Grands dieux

50 questions

Grands dieux

quiz

Worksheet

•

6th Grade - University