QCM HTML / CSS – Partie 16

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 propriété CSS permet de changer la direction des éléments dans un conteneur flex ?

A flex-direction

B align-items

C justify-content

D flex-wrap

A
La propriété flex-direction permet de définir la direction des éléments dans un conteneur flex, comme row (horizontal) ou column (vertical). Voir un exemple complet.

 

 

2. Quelle balise HTML est utilisée pour définir une section de contenu ?

A <section>

B <div>

C <article>

D <header>

A
La balise <section> est utilisée pour définir une section d’un document HTML, qui regroupe des contenus thématiquement liés. Exemple:

<section>
    <h2>Ma première section</h2>
    <p>Ceci est un paragraphe dans la première section.</p>
</section>

<section>
    <h2>Ma deuxième section</h2>
    <p>Ceci est un autre paragraphe dans la deuxième section.</p>
</section>

 

 

3. Quelle pseudo-classe CSS est utilisée pour cibler un élément lorsqu’il est activé (par exemple, un bouton cliqué) ?

A :hover

B :active

C :focus

D :visited

B
La pseudo-classe :active cible un élément au moment où il est activé, comme lorsqu’un utilisateur clique sur un bouton ou un lien.

 

 

4. Quelle propriété CSS permet de faire en sorte qu’un élément flex occupe tout l’espace disponible dans son conteneur ?

A flex-grow

B flex-shrink

C flex-basis

D flex

A
La propriété flex-grow permet à un élément de se développer pour occuper tout l’espace disponible dans un conteneur flex. Voir un exemple complet.

 

 
 

5. Quelle propriété CSS permet de définir l’ordre des éléments dans un conteneur flex ?

A order

B flex-order

C flex-direction

D align-items

A
La propriété ‘order’ permet de définir l’ordre dans lequel les éléments apparaissent dans un conteneur flex. Voir un exemple complet.

 

 

6. Quelle balise HTML est utilisée pour définir une section d’introduction ?

A <header>

B <article>

C <section>

D <nav>

A
La balise <header> est utilisée pour définir l’en-tête d’une page ou d’une section, souvent utilisée pour des informations d’introduction ou des titres.

 

 

7. Quelle propriété CSS permet de définir l’espacement entre les éléments dans un conteneur flex ?

A margin

B gap

C padding

D align-items

B
La propriété ‘gap’ définit l’espacement entre les éléments d’un conteneur flex ou grid, facilitant ainsi la gestion des espaces. Voir un exemple complet.

 

 

8. Quel attribut HTML est utilisé pour définir un champ de saisie de type mot de passe ?

A type="text"

B type="password"

C type="secure"

D type="hidden"

B
L’attribut type="password" dans la balise <input> crée un champ de saisie où les caractères sont masqués pour la confidentialité.

 

 
 

9. Quelle balise HTML est utilisée pour créer un lien hypertexte vers une autre page ?

A <button>

B <link>

C <a>

D <url>

C
La balise <a> est utilisée pour créer des liens hypertextes dans HTML. L’attribut href définit l’URL vers laquelle le lien pointe.

 

 

10. Quelle balise HTML est utilisée pour ajouter un bouton de soumission dans un formulaire ?

A <submit>

B <button>

C <input type="submit">

D <input type="button">

C
La balise <input type="submit"> est utilisée pour créer un bouton qui permet de soumettre un formulaire HTML.

 

 

Laisser un commentaire

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