Quiz — Noor-Book.com مملكة تصميم المواقع HTML5 CSS3.pdf

Question 1 sur 10 20:00

[{"id":9703,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"<header>\", \"b\": \"<main>\", \"c\": \"<section>\", \"d\"","_debug_options_count":4},{"id":9704,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":9705,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \".container\", \"b\": \"#container\", \"c\": \"container\", \"d\": \"*containe","_debug_options_count":4},{"id":9706,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":9707,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"linear-gradient()\", \"b\": \"color-gradient()\", \"c\": \"gradient()\", \"","_debug_options_count":4},{"id":9708,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":9709,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"<nav>\", \"b\": \"<menu>\", \"c\": \"<navigation>\", \"d\"","_debug_options_count":4},{"id":9710,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":9711,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"placeholder\", \"b\": \"help\", \"c\": \"title\", \"d\": \"description\"}}","_debug_options_count":4},{"id":9712,"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,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4}]