QCM HTML / CSS – Partie 13

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 lien ?

A <button>

B <a>

C <link>

D <nav>

2. Quel attribut est utilisé pour ajouter une image dans une page HTML ?

A src

B alt

C href

D image

<img src="image.jpg" alt="Description de l'image">

3. Quelle propriété CSS est utilisée pour modifier la couleur du texte ?

A background-color

B color

C font-size

D text-color

p {
  color: red;
}

4. Quel sélecteur CSS cible tous les éléments <p> d’une page HTML ?

A p {}

B .p {}

C #p {}

D *p {}

5. Quelle propriété CSS est utilisée pour aligner les éléments dans une boîte flexbox ?

A align-items

B justify-content

C align-content

D Les trois ci-dessus

6. Quelle propriété est utilisée pour rendre un site responsive en fonction de la taille de l’écran ?

A media-query

B @media

C responsive

D viewport

/* Par défaut, styles pour les grands écrans */
body {
  font-size: 18px;
}

@media (max-width: 768px) {
  /* Styles pour les écrans de moins de 768px (tablettes et mobiles) */
  body {
    font-size: 14px;
  }
}

7. Quelle balise HTML est utilisée pour créer un champ de texte dans un formulaire ?

A <input type="text">

B <textarea>

C <input type="password">

D <input type="button">

8. Quelle propriété CSS permet de centrer un élément horizontalement dans son parent ?

A position: center;

B text-align: center;

C margin: 0 auto;

D align-items: center;

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

A justify-content

B flex-gap

C align-items

D margin

10. Quelle propriété CSS est utilisée pour ajouter un soulignement aux liens ?

Welcome To WayToLearnX!

A text-decoration: underline;

B link-decoration: underline;

C decoration: underline;

D underline: true;