Tech Pt.4

Question 1

Question 1: Le CodePen Quiz P4Q1 présente un tableau.
Quelle ligne de code faut-il ajouter à la place du commentaire pour avoir un tableau sans espace entre les lignes et les colonnes ?

1. border: 1px solid black;
2. border-collapse: separate;
3. display: grid;
4. border-collapse: collapse;

Answer 1

border-collapse: collapse;

Question 1

Question 2
Parmi les éléments ci-dessous, lesquels ne concernent pas les tableaux en HTML et CSS ?
Careful, there are several correct answers.

1. tfooter
2. thead
3. td
4. caption
5. legend

Answer 1

tfooter
legend

Question 2

Question 3
Mais je ne comprends pas : quand je clique sur mon label rien ne se passe, le champ de saisie n’est pas sélectionné.
Qu’est-ce qui pose problème ici ?

1. La balise input doit se situer avant la balise label
2. L’attribut id n’est pas sur la balise input
3. La valeur de name est surnom et non prenom
4. Il n’y a pas de bouton de validation du formulaire

Answer 2

L’attribut id n’est pas sur la balise input

Question 3

Question 4
Parmi les valeurs suivantes, lesquelles permettent bien de créer un champ de saisie ? Vous pouvez essayer les différentes options pour voir !
Careful, there are several correct answers.

1. type=”email”
2. type=”date”
3. type=”telephone”
4. type=”URL”

Answer 3

type=”email”
type=”date”
type=”URL”

Question 4

Question 5
Parmi les bouts de code suivants, lesquels permettent d’obtenir le résultat ci-dessous ?

Answer 4

<form>
<label>Quelle plante souhaitez-vous acheter ?</label>
<select>
<option>Philodendron</option>
<option>Calathea</option>
<option>Pilea</option>
<option>Yucca</option>
</select>
</form>

Question 5

Question 6
Qu’est-ce qui ne va pas ici ? (Vous pouvez essayer de repérer les erreurs sans regarder les propositions, pour vous entraîner.)
Careful, there are several correct answers.

1. La balise <form> est fermée avant la balise <fieldset>
2. Le fieldset utilise une balise <title> au lieu d'utiliser <legend></title>
3. Le bouton de validation est un button et non un input
4. Il y a une option qui se balade seule
5. La valeur de l’attribut method est post

Answer 5

La balise <form> est fermée avant la balise <fieldset>
Le fieldset utilise une balise <title> au lieu d'utiliser <legend>
Le bouton de validation est un button et non un input
Il y a une option qui se balade seule</title>

Question 6

Question 7
Quelle est la signification de la media query suivante ?

1. Tous les médias de moins de 960px et plus de 1024px
2. Les écrans de moins 960px et plus de 1024px
3. Tous les médias de plus de 960px et moins de 1024px
4. Tous les écrans de moins de 960px et de plus de 1024px

Answer 6

Tous les médias de plus de 960px et moins de 1024px

Question 7

Question 8
Quelles astuces sont couramment utilisées pour rendre un site responsive ?
Careful, there are several correct answers.

1. Changer flex-direction de row à column
2. Définir un overflow: auto ou scroll
3. Définir une width fixe
4. Prévoir plusieurs breakpoints avec des comportements associés

Answer 7

Changer flex-direction de row à column
Définir un overflow: auto ou scroll
Prévoir plusieurs breakpoints avec des comportements associés