Questions et Réponses QCM en HTML et CSS
HTML - Questions
Q: Quelle est la balise utilisée pour insérer un commentaire en HTML ?
A: B. <!-- -->
Q: Quelle est la différence principale entre les balises <strong> et <em> ?
A: B. <strong> indique un contenu important, <em> indique une emphase
Q: Quel attribut est utilisé pour ouvrir un lien dans un nouvel onglet ?
A: B. target="_blank"
Q: Comment définissez-vous un tableau HTML avec une cellule fusionnée sur 2 colonnes ?
A: A. <td colspan="2">
Q: Quel est le rôle principal de la balise <fieldset> ?
A: A. Regrouper plusieurs champs de formulaire
CSS - Questions
Q: Quelle propriété CSS est utilisée pour changer la couleur de l'arrière-plan ?
A: A. background-color
Q: Quel sélecteur CSS cible tous les éléments dans une page ?
A: B. *
Q: Quelle est la valeur par défaut de la propriété position en CSS ?
A: C. static
Q: Quel est le rôle de la propriété z-index ?
A: B. Contrôler l'ordre de superposition des éléments
Q: Quelle propriété CSS contrôle la transparence d'un élément ?
A: A. opacity
Questions Avancées
Q: Quel est le rôle de l'attribut pattern dans un champ de formulaire HTML ?
A: A. Valider une expression régulière
Q: Quelle est la différence entre rem et em en CSS ?
A: B. em est relatif à l'élément parent, rem à la racine
Q: Quelle pseudo-classe cible un lien qui a été visité ?
A: C. :visited
Q: Comment sélectionnez-vous tous les paragraphes contenant une classe spécifique, par exemple
"intro" ?
A: D. [Link]
Q: Quel effet produit la valeur inline-block de la propriété display ?
A: A. Affiche les éléments en ligne mais avec des dimensions modifiables
Scénarios Techniques
Q: Quelle est la syntaxe correcte pour appliquer un style CSS à tous les <h1> et <p> en même
temps ?
A: A. h1, p { }
Q: Quelle unité CSS est absolue ?
A: A. px
Q: Que signifie box-shadow: 10px 10px 5px black ?
A: A. Ombre avec un décalage horizontal de 10px, vertical de 10px, flou de 5px et couleur noire
Q: Quelle méthode de mise en page CSS est la plus recommandée pour aligner un menu de
navigation ?
A: C. flexbox
Q: Que se passe-t-il si vous appliquez margin: auto; à un élément en bloc avec une largeur définie ?
A: A. L'élément est centré horizontalement
HTML - Questions Avancées
Q: Quelle balise permet de définir une légende pour un groupe de champs dans un formulaire ?
A: A. <legend>
Q: Quelle syntaxe est utilisée pour créer une liste imbriquée en HTML ?
A: B. <ul><li>Texte<ul><li>Texte</li></ul></li></ul>
Q: Quel attribut HTML ajoute une info-bulle à un lien ?
A: C. title
Q: Quelle est la valeur par défaut de l'attribut target dans une balise <a> ?
A: A. _self
Q: Quel attribut est requis pour un élément <textarea> ?
A: D. Aucun n'est requis
Q: Comment créez-vous un champ de formulaire qui accepte uniquement une plage de valeurs
numériques ?
A: B. <input type="number" min="0" max="100">
Q: Quel attribut rend un champ de formulaire obligatoire ?
A: A. required
Q: Quelle syntaxe permet d'envoyer un formulaire sans recharger la page ?
A: A. Utiliser JavaScript et la méthode fetch()
Q: Que se passe-t-il si plusieurs balises <html> existent dans un document ?
A: A. Le navigateur utilise la première et ignore les autres
Q: Quel type de lien utilise un dièse (#) dans l'attribut href ?
A: B. Un lien vers une ancre dans la page
CSS - Questions Avancées
Q: Quelle propriété CSS est utilisée pour empêcher le débordement d'un contenu en dehors de son
conteneur ?
A: A. overflow
Q: Quelle syntaxe CSS applique un style à tous les éléments <div> enfants directs d'un <section> ?
A: B. section > div
Q: Quelle propriété CSS permet de centrer un texte verticalement à l'intérieur d'un conteneur ?
A: B. vertical-align
Q: Que signifie la valeur 0 dans border-radius: 0; ?
A: B. Bordure carrée
Q: Quelle unité est relative à la taille de police par défaut de l'élément parent ?
A: A. em
Q: Quel sélecteur CSS cible un élément <a> uniquement lorsque la souris le survole ?
A: C. a:hover
Q: Que fait transform: rotate(45deg); en CSS ?
A: B. Fait pivoter un élément de 45 degrés
Q: Quelle propriété CSS est utilisée pour masquer un élément mais le garder dans le flux du DOM ?
A: A. visibility: hidden;
Q: Quelle valeur de position permet à un élément de rester fixe même en défilant la page ?
A: C. fixed
Q: Que signifie animation-duration: 3s; ?
A: A. L'animation dure 3 secondes
Questions Techniques
Q: Quel sélecteur CSS cible un élément en fonction de sa présence ou non dans le DOM ?
A: C. :empty
Q: Quelle est la meilleure pratique pour créer des marges entre des blocs alignés horizontalement ?
A: B. Utiliser grid-gap ou gap avec CSS Grid ou Flexbox
Q: Que fait clip-path: circle(50%); ?
A: A. Découpe l'élément en un cercle parfait
Q: Quelle propriété CSS est utilisée pour animer les couleurs de manière fluide ?
A: A. transition
Q: Quelle syntaxe permet de cibler tous les enfants directs ET indirects d'un élément ?
A: B. (espace)
Q: Comment les unités vw et vh sont-elles définies ?
A: B. Elles représentent respectivement 1 % de la largeur et de la hauteur de la fenêtre
Q: Quel sélecteur CSS applique un style aux éléments possédant un attribut spécifique avec une
valeur définie ?
A: B. [attribut="texte"]
Q: Quelle propriété CSS permet de transformer un élément en élément invisible mais toujours
cliquable ?
A: A. opacity: 0;
Q: Quelle méthode est recommandée pour centrer verticalement et horizontalement un élément
dans un conteneur flexible ?
A: B. align-items: center; justify-content: center;
Q: Quelle est la différence entre les pseudo-classes :nth-child() et :nth-of-type() ?
A: B. :nth-child() sélectionne par position absolue, :nth-of-type() par position relative au type
