QCM HTML / CSS – Partie 24

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. Quelle balise HTML est utilisée pour créer un bouton de réinitialisation dans un formulaire ?

A <button type="reset">

B <input type="reset">

C <button reset>

D <input reset>

B
La balise <input type="reset"> crée un bouton permettant de réinitialiser tous les champs du formulaire à leurs valeurs par défaut.

 

 

2. Si un élément parent a une opacité de 0.5, quel sera l’effet sur ses éléments enfants ?

A L’opacité des enfants restera inchangée.

B Les enfants seront également transparents avec une opacité de 0.5.

C Les enfants seront complètement opaques.

D Les enfants deviendront invisibles.

B
L’opacité est héritée par les éléments enfants dans CSS, donc si le parent a une opacité de 0.5, les enfants seront également affectés. Voir un exemple complet.

 

 

3. Quel attribut est utilisé pour spécifier un lien vers un fichier CSS externe dans un document HTML ?

A link

B href

C style

D css

A
L’attribut <link> est utilisé pour lier un fichier CSS externe à un document HTML. Il se place dans la section <head>.

 

 
 

4. Que fait la propriété CSS position: relative; ?

A Elle positionne l’élément par rapport à son parent.

B Elle positionne l’élément par rapport à l’écran.

C Elle permet de déplacer un élément en fonction de ses coordonnées par rapport à sa position normale.

D Elle positionne l’élément en fonction du contenu de la page.

C
Avec position: relative;, un élément est positionné par rapport à son emplacement initial, ce qui permet de le déplacer sans affecter les autres éléments.

 

 

5. Quelle propriété CSS permet d’ajouter une animation à un élément ?

A animate

B animation-name

C motion

D transition

B
La propriété animation-name spécifie le nom de l’animation que l’on veut appliquer à un élément. Cette animation est définie avec la règle @keyframes. Voir un exemple complet.

 

 

6. Quel sélecteur CSS cible tous les éléments <p> situés dans un élément <div> ?

A div p

B div + p

C div > p

D p div

A
Le sélecteur div p sélectionne tous les éléments <p> qui sont descendants d’un élément <div>. Exemple:

<div>   
    <p>Ce paragraphe à l'intérieur d'une div.</p>
</div>

<div>   
    <p>Un autre paragraphe à l'intérieur d'une autre div.</p>
</div>

 

 
 

7. Quel attribut HTML est utilisé pour envoyer un formulaire ?

A action

B method

C submit

D send

C
L’attribut submit est utilisé pour envoyer un formulaire, généralement sous la forme d’un bouton dans le formulaire.

 

 

8. Quelle balise HTML est utilisée pour grouper l’en-tête d’un tableau ?

A <thead>

B <tbody>

C <tfoot>

D <tr>

A
La balise <thead> est utilisée pour grouper les lignes d’en-tête d’un tableau HTML. Voir un exemple complet.

 

 

9. Quelle propriété CSS permet de définir le délai avant qu’une animation commence ?

A animation-duration

B animation-delay

C transition-duration

D animation-timing

B
La propriété animation-delay permet de spécifier un délai avant que l’animation ne commence.

 

 
 

10. Quel sélecteur CSS permet de cibler un élément qui est le premier enfant de son parent ?

A parent:first-child

B element:first-child

C first-child

D parent > first-child

B
Le sélecteur element:first-child permet de sélectionner le premier enfant d’un parent spécifique. Voir un exemple complet.

 

 

Laisser un commentaire

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