Quiz — 66decb74e9984_-_Correction partie1-Serie4-Rappel HTML5 et CSS3-08-09-24.pdf

Question 1 sur 10 20:00

[{"id":129663,"question":"Quelle balise HTML5 est utilisée pour définir un en-tête principal dans une page web ?","option_a":"\u003Cheader\u003E","option_b":"\u003Chead\u003E","option_c":"\u003Ch1\u003E","option_d":"\u003Cmain\u003E","option_e":"","option_f":"","bonne_reponse":"a","explication":"La balise \u003Cheader\u003E est dédiée à l'en-tête d'une section ou d'une page, contrairement à \u003Chead\u003E qui contient des métadonnées.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"\u003Cheader\u003E\", \"b\": \"\u003Chead\u003E\", \"c\": \"\u003Ch1\u003E\", \"d\": \"\u003Cmain\u003E\"}}","_debug_options_count":4},{"id":129664,"question":"Le sélecteur CSS '.monClass' cible tous les éléments ayant l'attribut class='monClass'.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"C'est exact : le point (.) devant un nom de classe indique qu'il s'agit d'un sélecteur de classe en CSS.","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":129665,"question":"Quelle propriété CSS permet de centrer horizontalement un élément bloc ?","option_a":"text-align: center","option_b":"margin: auto","option_c":"align-items: center","option_d":"justify-content: center","option_e":"","option_f":"","bonne_reponse":"b","explication":"La propriété 'margin: auto' avec une largeur définie centre un élément bloc horizontalement dans son conteneur.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"text-align: center\", \"b\": \"margin: auto\", \"c\": \"align-items: cent","_debug_options_count":4},{"id":129666,"question":"La balise \u003Cdiv\u003E en HTML5 est une balise sémantique.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"b","explication":"Faux : \u003Cdiv\u003E est une balise générique, contrairement à \u003Cheader\u003E, \u003Cfooter\u003E, \u003Carticle\u003E, etc., qui sont sémantiques.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"Vrai\", \"b\": \"Faux\", \"c\": \"\", \"d\": \"\"}}","_debug_options_count":4},{"id":129667,"question":"Quelle unité CSS est recommandée pour les tailles de police afin d'assurer une accessibilité optimale ?","option_a":"px","option_b":"pt","option_c":"em","option_d":"rem","option_e":"","option_f":"","bonne_reponse":"d","explication":"L'unité 'rem' (root em) est préférée car elle s'adapte aux préférences de l'utilisateur et respecte les tailles de police définies dans le navigateur.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"d\", \"options\": {\"a\": \"px\", \"b\": \"pt\", \"c\": \"em\", \"d\": \"rem\"}}","_debug_options_count":4},{"id":129668,"question":"Le modèle de boîte CSS (box model) inclut les propriétés : margin, border, padding et content.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Exact : le modèle de boîte CSS est composé de 4 couches : contenu, padding, border et margin.","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":129669,"question":"Quelle balise HTML5 est utilisée pour définir une section indépendante et autonome dans un document ?","option_a":"\u003Csection\u003E","option_b":"\u003Carticle\u003E","option_c":"\u003Caside\u003E","option_d":"\u003Cdiv\u003E","option_e":"","option_f":"","bonne_reponse":"b","explication":"La balise \u003Carticle\u003E est conçue pour contenir un contenu indépendant et autonome, comme un article de blog ou une publication.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"b\", \"options\": {\"a\": \"\u003Csection\u003E\", \"b\": \"\u003Carticle\u003E\", \"c\": \"\u003Caside\u003E\", \"d\": \"\u003Cdiv\u003E\"}}","_debug_options_count":4},{"id":129670,"question":"La propriété CSS 'display: flex' active le modèle de boîte flexible sur un conteneur.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Vrai : 'display: flex' permet de créer un conteneur flexible pour organiser ses enfants de manière responsive.","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":129671,"question":"Quel attribut HTML5 permet de spécifier le type de données attendu dans un champ de formulaire ?","option_a":"type","option_b":"data-type","option_c":"format","option_d":"input-type","option_e":"","option_f":"","bonne_reponse":"a","explication":"L'attribut 'type' est utilisé pour définir le type de données (email, number, password, etc.) dans un champ de formulaire.","points":1,"type":"qcm","actif":1,"section_id":null,"ordre":0,"_debug_answer_data_type":"string","_debug_answer_data_preview":"{\"correct\": \"a\", \"options\": {\"a\": \"type\", \"b\": \"data-type\", \"c\": \"format\", \"d\": \"input-type\"}}","_debug_options_count":4},{"id":129672,"question":"Les pseudo-classes CSS comme :hover ou :active permettent de modifier le style d'un élément au survol ou au clic.","option_a":"Vrai","option_b":"Faux","option_c":"","option_d":"","option_e":"","option_f":"","bonne_reponse":"a","explication":"Vrai : les pseudo-classes permettent d'appliquer des styles conditionnels en fonction de l'état de l'élément.","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}]