QCM HTML / CSS – Partie 19

Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
 
 

1. Quel type d’input HTML est utilisé pour saisir un mot de passe ?

A <input type="password">

B <input type="text">

C <input type="email">

D <input type="hidden">

A
L’élément <input type="password"> est utilisé pour créer un champ de saisie où le texte est masqué, idéal pour les mots de passe.

 

 

2. Quelle propriété HTML est utilisée pour rendre un champ de formulaire obligatoire ?

A checked

B mandatory

C valid

D required

D
L’attribut ‘required’ est utilisé dans les éléments de formulaire (comme <input>, <textarea>, etc.) pour indiquer que le champ doit être rempli avant la soumission du formulaire. Exemple:

<input type="text" id="name" name="name" required>

 

 

3. Quelle balise HTML est utilisée pour créer un menu déroulant de sélection ?

A <select>

B <input>

C <dropdown>

D <option>

A
La balise <select> est utilisée pour créer un menu déroulant, tandis que chaque option dans le menu est définie avec la balise <option>.

 

 

4. Quel sélecteur CSS est utilisé pour cibler tous les éléments d’une page ?

A *

B all

C every

D body

A
Le sélecteur universel * permet de cibler tous les éléments de la page. Par exemple, * { color: red; } applique la couleur rouge à tous les éléments de la page.

 

 
 

5. Quelle balise HTML est utilisée pour créer un bouton radio dans un formulaire ?

A <input type="radio">

B <button type="radio">

C <input type="checkbox">

D <radio>

A
La balise <input type="radio"> est utilisée pour créer un bouton radio, permettant à l’utilisateur de sélectionner une option parmi un groupe de choix.

 

 

6. Quelle propriété CSS permet de positionner un élément par rapport à son élément parent qui a un position: relative;?

A position: fixed;

B position: absolute;

C position: relative;

D position: sticky;

B
L’attribut position: absolute; permet de positionner un élément par rapport à son parent le plus proche qui a un positionnement relatif (position: relative;).

 

 

7. Quelle entité HTML est utilisée pour afficher le caractère « < » ?

A &lt;

B &gt;

C &copy;

D &amp;

A
L’entité &lt; est utilisée pour afficher le caractère « < » dans le code HTML, car ce caractère a une signification particulière en HTML (il marque le début d'une balise).

 

 

8. Comment cibler tous les éléments avec la classe box en CSS ?

A class="box"

B #box

C box

D .box

D
Le sélecteur CSS .box est utilisé pour cibler tous les éléments ayant la classe box. En CSS, un point (.) devant un nom fait référence à une classe.

 

 
 

9. Quelle balise HTML est utilisée pour saisir une date dans un formulaire ?

A <input type="date">

B <input type="datetime">

C <input type="time">

D <input type="calendar">

A
L’élément <input type="date"> permet de créer un champ de saisie de date dans un formulaire, affichant un calendrier natif dans les navigateurs modernes. Exemple:

 

 

10. Quelle propriété Flexbox permet d’aligner les éléments au bas du conteneur ?

A justify-content: flex-end;

B align-items: flex-end;

C align-self: flex-end;

D justify-items: flex-end;

B
La propriété align-items: flex-end; permet d’aligner les éléments au bas du conteneur dans un conteneur Flexbox. Voir un exemple complet.

 

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *