QCM HTML / CSS – Partie 28

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 insérer un saut de ligne ?

A <break>

B <br>

C <hr>

D <newline>

B
La balise <br> insère un saut de ligne dans le texte.

 

 

2. Quelle balise HTML est utilisée pour définir une section principale du contenu d’une page ?

A <main>

B <section>

C <div>

D <article>

A
La balise <main> est utilisée pour définir la section principale d’un document, c’est-à-dire le contenu directement lié à la thématique de la page. Elle exclut des sections comme les entêtes, les pieds de page et les barres latérales.

 

 

3. Quelle est la syntaxe correcte pour créer un dégradé linéaire avec une couleur qui passe du rouge au bleu en CSS ?

A background: linear-gradient(red, blue);

B background: gradient(linear, red, blue);

C background: linear-color(red to blue);

D background: color-gradient(red, blue);

A
La syntaxe correcte pour créer un dégradé linéaire en CSS est linear-gradient() qui prend des couleurs en paramètres. L’option A est correcte. Voir un exemple complet.

 

 
 

4. Quel attribut HTML permet d’indiquer au moteur de recherche que le contenu d’une page ne doit pas être indexé ?

A rel="nofollow"

B meta="noindex"

C <meta name="robots" content="noindex">

D <meta name="index" content="false">

C
L’attribut <meta name="robots" content="noindex"> indique aux moteurs de recherche de ne pas indexer une page. Cette technique est couramment utilisée pour empêcher certaines pages d’apparaître dans les résultats de recherche.

 

 

5. Quelle balise HTML permet d’intégrer un Google Map dans une page web ?

A <iframe>

B <map>

C <google-map>

D <embed>

A
La balise <iframe> est utilisée pour intégrer un contenu externe, comme une carte Google Maps, dans une page web. L’URL de la carte est insérée dans l’attribut src de l’iframe.

 

 

6. Quelle propriété CSS permet de définir une variable personnalisée pour la couleur d’un élément ?

A --color: blue;

B var(--color, blue);

C color: var(--color);

D Toutes les réponses

D
En CSS, on peut définir une variable avec --nom-de-variable, puis l’utiliser avec var(--nom-de-variable) pour appliquer la valeur définie. Cela permet de rendre le code CSS plus modulaire et réutilisable.

 

 
 

7. Quelle balise HTML permet d’inclure des polices Google Fonts dans une page web ?

A <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto">

B <style href="https://fonts.googleapis.com/css2?family=Roboto">

C <font-face src="https://fonts.googleapis.com/css2?family=Roboto">

D <link src="https://fonts.googleapis.com/css2?family=Roboto">

A
Pour inclure des polices depuis Google Fonts, il faut utiliser la balise <link> avec un attribut href pointant vers l’URL des polices.

 

 

8. Quelle propriété CSS est utilisée pour appliquer une transformation sur un élément (par exemple, une rotation) ?

A rotate

B move

C position-transform

D transform

D
La propriété transform permet d’appliquer diverses transformations à un élément, comme la rotation (rotate()), l’échelle (scale()), ou la translation (translate()).

 

 

9. Quel attribut HTML est utilisé pour rendre une image responsive en adaptant sa taille à l’écran ?

A width="100%"

B srcset

C responsive="true"

D img-responsive

B
L’attribut srcset permet de spécifier plusieurs tailles d’une image afin que le navigateur choisisse la taille la plus appropriée en fonction de la taille de l’écran et de la résolution.

 

 
 

10. Quelle propriété CSS est utilisée pour créer des colonnes dans un conteneur CSS Grid ?

A grid-template-columns

B grid-columns

C grid-columns-template

D column-layout

A
La propriété grid-template-columns est utilisée pour définir la structure des colonnes dans un conteneur CSS Grid. Elle permet de spécifier la largeur de chaque colonne.

 

 

Laisser un commentaire

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