Quiz : HTML5 et CSS3 — Les fondamentaux du web

Question 1 sur 10 10:00

[{"id":29468,"question":"Quelle balise HTML5 est utilisée pour définir le contenu principal d'une page ?","option_a":"<header>","option_b":"<main>","option_c":"<section>","option_d":"<footer>","option_e":"","option_f":"","bonne_reponse":"B","explication":"La balise <main> est spécifiquement conçue pour contenir le contenu principal d'une page web, distinct des en-têtes, pieds de page ou sections.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29469,"question":"La propriété CSS3 'display: flex;' permet de créer des mises en page complexes.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"A","explication":"La propriété 'display: flex;' est une fonctionnalité CSS3 qui simplifie la création de mises en page flexibles et responsives.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29470,"question":"Quel sélecteur CSS3 permet de cibler tous les éléments d'une classe 'container' ?","option_a":".container","option_b":"#container","option_c":"container","option_d":"*container*","option_e":"","option_f":"","bonne_reponse":"A","explication":"Le sélecteur '.container' cible tous les éléments HTML ayant la classe 'container', ce qui est essentiel pour appliquer des styles spécifiques.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29471,"question":"La balise <video> en HTML5 permet d'intégrer une vidéo sans plugin externe.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"A","explication":"La balise <video> est une innovation HTML5 qui permet d'intégrer des vidéos directement dans une page web, sans nécessiter de plugin comme Flash.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29472,"question":"Quelle propriété CSS3 est utilisée pour créer un dégradé linéaire ?","option_a":"linear-gradient()","option_b":"color-gradient()","option_c":"gradient()","option_d":"background-gradient()","option_e":"","option_f":"","bonne_reponse":"A","explication":"La fonction 'linear-gradient()' est utilisée en CSS3 pour créer un dégradé linéaire entre deux ou plusieurs couleurs.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29473,"question":"Le framework Bootstrap est basé sur HTML5 et CSS3.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"A","explication":"Bootstrap est un framework front-end populaire qui repose sur HTML5, CSS3 et JavaScript pour créer des sites web responsives rapidement.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29474,"question":"Quelle balise HTML5 est utilisée pour définir un menu de navigation ?","option_a":"<nav>","option_b":"<menu>","option_c":"<navigation>","option_d":"<bar>","option_e":"","option_f":"","bonne_reponse":"A","explication":"La balise <nav> est conçue pour définir une section de navigation, comme un menu ou une barre de liens.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29475,"question":"La propriété CSS3 'transition' permet d'animer des changements de style.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"A","explication":"La propriété 'transition' en CSS3 permet d'animer en douceur les changements de style, comme la couleur ou la taille, sur une période définie.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29476,"question":"Quel attribut HTML5 est utilisé pour définir un texte d'aide dans un champ de formulaire ?","option_a":"placeholder","option_b":"help","option_c":"title","option_d":"description","option_e":"","option_f":"","bonne_reponse":"A","explication":"L'attribut 'placeholder' est utilisé pour afficher un texte d'aide ou un exemple dans un champ de formulaire avant que l'utilisateur ne saisisse une valeur.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0},{"id":29477,"question":"La balise <canvas> en HTML5 permet de dessiner des graphiques via JavaScript.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"A","explication":"La balise <canvas> est une fonctionnalité HTML5 qui permet de dessiner des graphiques, des animations ou d'autres éléments visuels via JavaScript.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0}]