QCM HTML / CSS – Partie 25

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 définir une barre de navigation ?

A <nav>

B <menu>

C <footer>

D <header>

A
La balise <nav> est utilisée pour définir une section de navigation, contenant généralement des liens vers d’autres pages ou sections du site. Exemple:

<nav>   
    <a href="#home">Accueil</a>   
    <a href="#about">À propos</a>   
    <a href="#contact">Contact</a>
</nav>

 

 

2. Comment appliquer un style CSS à tous les éléments <p> dans un fichier HTML ?

A p { color: blue; }

B p[style] { color: blue; }

C all p { color: blue; }

D p > { color: blue; }

A
Le sélecteur p en CSS cible tous les éléments <p> dans un document HTML. La syntaxe p { color: blue; } applique une couleur bleue à tous les paragraphes.

 

 

3. Quel est l’effet de la propriété CSS display: none; ?

A L’élément devient invisible mais occupe toujours de l’espace sur la page

B L’élément est complètement caché et n’occupe pas d’espace sur la page

C L’élément devient invisible mais reste interactif

D L’élément devient opaque

B
La propriété display: none; masque un élément complètement, ce qui signifie qu’il n’est pas visible et qu’il ne prend aucun espace sur la page. Cela diffère de visibility: hidden;, qui masque l’élément mais conserve son espace.

 

 
 

4. Quel attribut HTML est utilisé pour ajouter une légende à une table ?

A <legend>

B <caption>

C <title>

D <header>

B
L’attribut <caption> est utilisé pour ajouter une légende ou un titre à une table HTML. Il doit être placé immédiatement après la balise <table>. Par exemple:

<table>  
    <caption>Liste des produits</caption>  
    <tr><td>Produit 1</td></tr>  
    <tr><td>Produit 2</td></tr>  
</table>

 

 

5. Quelle propriété CSS permet de définir la hauteur d’un élément ?

A width

B height

C size

D box-height

B
La propriété ‘height’ en CSS est utilisée pour définir la hauteur d’un élément. Elle peut être spécifiée en pixels, en pourcentage, ou avec d’autres unités de mesure.

 

 

6. Quel est l’effet de la propriété CSS float ?

A Elle définit la position d’un élément par rapport à son parent.

B Elle permet de faire flotter un élément à gauche ou à droite de son conteneur, tout en permettant au contenu de l’entourer.

C Elle fait disparaître l’élément du flux normal.

D Elle ajuste la largeur de l’élément.

B
La propriété ‘float’ permet de faire flotter un élément à gauche ou à droite de son conteneur, de sorte que les éléments suivants dans le flux de la page l’entourent. Cela est souvent utilisé pour la mise en page de colonnes. Voir un exemple complet.

 

 
 

7. Quelle propriété CSS est utilisée pour ajuster l’espacement entre les mots ?

A letter-spacing

B word-spacing

C line-height

D text-spacing

B
La propriété word-spacing ajuste l’espacement entre les mots dans un texte. Exemple : word-spacing: 5px;. Voir un exemple complet.

 

 

8. Quelle propriété CSS permet de définir le comportement des éléments flottants ?

A clear

B float

C position

D display

A
La propriété clear en CSS permet de spécifier si un élément doit se placer après des éléments flottants. Par exemple, clear: both; signifie que l’élément ne doit pas flotter à gauche ni à droite d’un autre élément flottant.

 

 

9. Quelle propriété CSS permet d’ajuster la taille d’un élément en fonction de son contenu ?

A height

B min-height

C max-height

D auto

D
En CSS, auto permet à la taille d’un élément de s’ajuster automatiquement en fonction de son contenu. Cela est souvent utilisé pour la largeur ou la hauteur d’un élément.

 

 
 

10. Quelle propriété CSS permet d’afficher un élément en bloc, ce qui occupe toute la largeur disponible ?

A display: block

B display: inline

C display: inline-block

D display: none

A
La propriété display: block permet d’afficher un élément en tant qu’élément de bloc, ce qui signifie qu’il occupera toute la largeur disponible sur la ligne, et les éléments suivants seront affichés sur la ligne suivante. Voir un exemple complet.

 

 

Laisser un commentaire

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