QCM HTML / CSS – Partie 22

février 27, 2025février 27, 2025 Thomas Aucun commentaire

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 rendre un élément centré horizontalement et verticalement dans un conteneur en utilisant Flexbox ?

A align-items: center; et justify-content: center;

B margin: auto;

C display: block;

D position: absolute; et top: 50%; left: 50%;

En utilisant Flexbox, pour centrer un élément horizontalement et verticalement, il faut définir align-items: center; (pour l’axe vertical) et justify-content: center; (pour l’axe horizontal). Voir un exemple complet.

2. Quelle balise HTML est utilisée pour créer une zone de texte dans un formulaire ?

A <input type="text">

B <textarea>

C <input type="textarea">

D <fieldarea>

La balise <textarea> est utilisée pour créer une zone de saisie de texte multiligne, idéale pour de grandes entrées comme des commentaires ou des messages. Exemple:

3. Quel est l’entité HTML pour afficher un guillemet double (`"`) ?

A "

B >

C <

D &

L’entité HTML pour afficher un guillemet double (") est ". Cela permet d’éviter de perturber la syntaxe des balises HTML.

4. Quelle est la syntaxe correcte pour définir une couleur de fond en utilisant une valeur hexadécimale ?

A background-color: rgb(255, 0, 0);

B background-color: #ff0000;

C background-color: red;

D background-color: rgba(255, 0, 0, 1);

La valeur hexadécimale #ff0000 correspond à une couleur rouge en CSS. La syntaxe hexadécimale est composée de # suivi de six chiffres ou lettres, représentant les valeurs de rouge, vert et bleu.

5. Où place-t-on généralement la balise <meta> dans un document HTML ?

A À la fin du document, avant la balise </html>

B Dans la section <body>

C Dans la section <head>

D Juste avant la balise <title>

La balise <meta> est utilisée pour définir des métadonnées sur le document (comme l’encodage des caractères ou la description) et elle doit être placée dans la section <head> du document HTML.

6. Quel est l’attribut HTML permettant de définir le texte affiché sur un bouton de soumission de formulaire ?

A text

B value

C label

D submit

L’attribut ‘value’ définit le texte affiché sur un bouton de soumission dans un formulaire. Par exemple : <input type="submit" value="Envoyer">. Résultat:

7. Quelle propriété CSS permet de créer un dégradé linéaire ?

A linear-gradient

B background-image

C gradient-color

D color-gradient

La fonction linear-gradient() est utilisée dans CSS pour créer un dégradé linéaire. Elle peut être utilisée avec la propriété background-image, par exemple: background-image: linear-gradient(to right, red, yellow);. Voir un exemple complet.

8. Quelle est la bonne syntaxe pour insérer une image dans une page HTML ?

A <img src="image.jpg" alt="Image description">

B <image src="image.jpg">

C <img src="image.jpg">

D <image href="image.jpg">

La balise <img> est utilisée pour insérer des images en HTML. L’attribut src spécifie le chemin de l’image, et alt fournit une description alternative pour l’accessibilité.

9. Quelle pseudo-classe CSS est utilisée pour styliser un lien une fois qu’il a été visité par l’utilisateur ?

A :focus

B :active

C :hover

D :visited

La pseudo-classe :visited s’applique aux liens qui ont été cliqués et visités par l’utilisateur.

10. Quelle balise HTML est utilisée pour créer un champ de saisie pour un nombre dans un formulaire ?

A <input type="number">

B <input type="text">

C <input type="range">

D <input type="date">

L’élément <input type="number"> est utilisé pour créer un champ de saisie où l’utilisateur peut entrer uniquement des chiffres.

QCMs qui pourraient vous intéresser :

1. Quelle propriété CSS permet de rendre un élément centré horizontalement et verticalement dans un conteneur en utilisant Flexbox ?

2. Quelle balise HTML est utilisée pour créer une zone de texte dans un formulaire ?

3. Quel est l’entité HTML pour afficher un guillemet double (") ?

4. Quelle est la syntaxe correcte pour définir une couleur de fond en utilisant une valeur hexadécimale ?

5. Où place-t-on généralement la balise <meta> dans un document HTML ?

6. Quel est l’attribut HTML permettant de définir le texte affiché sur un bouton de soumission de formulaire ?

7. Quelle propriété CSS permet de créer un dégradé linéaire ?

8. Quelle est la bonne syntaxe pour insérer une image dans une page HTML ?

9. Quelle pseudo-classe CSS est utilisée pour styliser un lien une fois qu’il a été visité par l’utilisateur ?

10. Quelle balise HTML est utilisée pour créer un champ de saisie pour un nombre dans un formulaire ?

Vous pourrez aussi aimer

QCM HTML / CSS – Partie 30

QCM HTML / CSS – Partie 43

QCM HTML / CSS – Partie 10

Laisser un commentaire Annuler la réponse

3. Quel est l’entité HTML pour afficher un guillemet double (`"`) ?