HTML

Question 1

Vrai ou Faux

HTML peut être utilisé pour le contenu et la présentation.

Answer 1

Faux. Il peut seulement être utilisé pour le contenu. La présentation est donné au CSS.

Question 2

Qu’est ce qui est important pour les éléments HTML?

Answer 2

La sémantique. Le sens logique que l’on les utilise.

Question 3

Quelle est la relation entre le HTML et le DOM?

Answer 3

HTML est utilisé pour bâtir le DOM.
Le DOM est la structure logique qui représente le contenu dans le logiciel alors que le HTML est une description principal du contenu

Question 4

HTML rules

Le HTML est composé d’éléments sous la forme d’un arbre. Quelle est toujours l’élément de la racine?

Answer 4

< html >

Question 5

Vrai ou Faux

Un élément peut avoir plusieurs parents.

Answer 5

Faux. On peut par contre avoir plusieurs enfants ou 0 enfant.

Question 6

HTML Rules

Combinaisons particulières de parent-enfant.
Expliquez la particularité de la Balise < img > et celle de la Base < title >.

Answer 6

< img >: c’est une image donc elle est toujours un élément vide
< title >: Doit être l’enfant de la balise < head >

Question 7

Qu’est ce le < ! DOCTYPE html >?

Il est placé ou dans les fichiers html

Answer 7

Il est placé au tout début d’un document HTML. Ce n’est pas un élément html.

Question 8

Vrai ou Faux?

On peut avoir plusieurs < main > dans le < body >

Answer 8

Faux, seulement 1

Question 9

Comment appelle-t-on l’élément qui peut avoir du contenu en dehors du < main >?

ex. la table de matière que MDN utilise

Answer 9

< aside >

Question 10

Quelle est l’élément block qui est prend toute la longueur disponible d’une ligne?

Answer 10

< p >

Question 11

Quelle sont les éléments inline qui occupent seulement la longueur de leur contenu sur une même ligne.

Answer 11

< span > et < button >

Question 12

Que fait < br > et pourquoi est-il généralement pas une bonne idée d’utiliser cet élément?

Answer 12

< br > saute une ligne. Mais les espacements de ligne sont les rôles du CSS.

Question 13

Quels éléments sont souvent utilisés comme des conteneurs car ils n’ont aucun sens sémantique?

Answer 13

< div > et < span >

Question 14

Vrai ou Faux?

On devrait éviter de mettre des éléments block dans des éléments inline

Answer 14

Vrai

Question 15

Vrai ou Faux?

Tout élément doit avoir une balise fermante

Answer 15

Faux

Question 16

Ou sont généralement les attributs dans le syntaxe d’un élément?

Answer 16

Les attributs sont dans les balises ouvrantes

Question 17

Certains attributs peut exécuter du code JavaScript:
< button onclick=”foo()” >
Pourquoi devrait-on pas faire cela?

Answer 17

Parce que c’est facile de se faire “hack”

Question 18

Que fait l’attribut id et combien de valeur peut-il accepter

Answer 18

C’est le nom (identifiant unique) de l’élément, une seule

Question 19

Quelle est l’attribut class et combien de valeur peut-il accepter

Answer 19

Peut accepter une liste de valeurs arbitraires

Question 20

Que fait < input > et l’attribut type fait quoi dans ce contexte.

Answer 20

< input > est une balise qui accepte l’action d’un utilisateur. Type change le format:
ex.: type=”text” donne un champs de texte alors que type=”checkbox” donnera un carré qu’on pourrait check

Question 21

Vrai ou Faux?

Tout attribut aurait un effet sur chacun des éléments HTML

Answer 21

Faux

Question 22

Que fait l’attribut data-*

Le * dans ce contexte peut se remplacer par plusieurs mots

Answer 22

Définit des données personnalisées directement sur l’élément HTML

Question 23

L’élément < li > doit avoir un élément specifique comme parent. Lequel?

Answer 23

< ul >

Question 24

Quelle est la différence entre < ol > et < ul >

Answer 24

< ol > : liste ordonnée
< ul > : liste non-ordonnée

Question 25

Les éléments Form < form > utilisent souvent 3 types d'éléments. Lesquels et que font-ils?

Answer 25

- < input > : plusieurs fonctionnements - < label > : Ajout d'un texte descriptif à un champ de saisie - Controle d'envoie pour soumettre le formulaire, souvent un < input type="submit > ou < button type="submit" >

Question 26

Les formulaires sont normalement envoyés ou soumis à un serveur à l'aide de quoi?

Answer 26

requête HTTP

Question 27

# Les formulaires Que fait l'attribut **action**

Answer 27

définit l'URI auquel envoyer le formulaire

Question 28

# Les formulaires L'attribut method définit la méthode **GET ou POST** à utiliser. Que font ces 2 méthodes?

Answer 28

GET: contenu est ajouté dans l'URL de la requête (visible à tous sans HTTPs) POST: contenu est dans le corps de la requête (caché)

Question 29

Si le formulaire **contient des fichiers**, l'attribut enctype devrait avoir quoi comme valeur et la méthode doit être GET ou POST? Pourquoi?

Answer 29

Enctype doit avoir la valeur multipart/form-data et la méthode doit être POST pour envoyer l'information binaire.

Question 30

# Vrai ou Faux Il est une bonne pratique de valider les formulaires du côté client **et** côté serveur.

Answer 30

Vrai

Question 31

Comment met-on un titre sur le formulaire (sur la ligne)?

Answer 31

Avec l'élément < legend >

Question 32

# Dump Questions Que fait... 1. *type="email"* dans un input 2. *required* dans un input

Answer 32

1. Peut verifier le format (s'il est en format email). On peut aussi verifier le format de téléphone avec "tel" 2. Oblige l'utilisateur à taper du texte dans un champs de texte.