</span></div></div><div data-aspect="inner" class="option_inner aspect_HDDyXM childLayout_flex_row" data-fontsizemanual="1" style="border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;"><div data-aspect="inner" class="text_inner aspect_hW1sR6 childLayout_flex_row"><span><head></span></div></div><div data-aspect="inner" class="option_inner aspect_zqWMaK childLayout_flex_row" data-fontsizemanual="1" style="border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;"><div data-aspect="inner" class="text_inner aspect_aogwVW childLayout_flex_row"><span><body></span></div></div><div data-aspect="inner" class="option_inner aspect_k_M4Sp childLayout_flex_row" data-fontsizemanual="1" style="border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;"><div data-aspect="inner" class="text_inner aspect_V_3xQt childLayout_flex_row"><span><footer></span></div></div></div><div data-aspect="deco" data-contenttraitid="FNCn7O" class="question_deco aspect_x79aqF " style="display: block;"></div></div></div><div class="right_of_inner"><div id="schlaukopf.ai_ad_1" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_2" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_3"></div></div></div></div></div><div style="z-index:10;min-width:340px;position:fixed;bottom:100px;left:50px;font-family:Arial, Helvetica, sans-serif;line-height:200%"><p style="font-size:30px;color:rgba(0,0,0,0.3)">Computer Science and Information Technology<!-- --> <!-- -->Exercises are loading<!-- --> ...</p></div></div><div class="fixed bottom-0 left-0 z-50 w-full h-16 grid grid-cols-1 px-8 border-t border-gray-200 md:grid-cols-3" style="background:rgba(255, 255, 255, 0.5)"></div><script>
window.serverTime = 1732945037287; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css?v=1','/api/tdoc/question/mcq14983311?v=1','/api/tdoc/topic/290745?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.us?v=1','/api/tdoc/path/auto.us/further-education?v=1','/api/tdoc/path/auto.us/further-education/career-and-technical-education?v=1','/api/tdoc/path/auto.us/further-education/career-and-technical-education/computer-science-and-information-technology?v=1'];
preloadUrls.map(url => fetch(url).then(response => {
if (response.ok) {
const json = response.json().then(json => {
if(!json.payload)return;
window.preload[url] = json;
if(['topic','path'].includes(json.payload.type)){
window.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;
}
});
} else {
throw new Error("HTTP error " + response.status);
}
})
.catch(e => {
console.log(e.stack);
}))
</script></div></div><script src="/_next/static/chunks/webpack-1727353421939-9c8799145b277635.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/047f13f0fbf64aab.css\",\"style\"]\n2:HL[\"/_next/static/css/f6b880dae9c249af.css\",\"style\"]\n3:HL[\"/_next/static/css/87ca01d9795f9785.css\",\"style\"]\n4:HL[\"/_next/static/css/87f8a2caf02bed43.css\",\"style\"]\n5:HL[\"/_next/static/css/917fb7c3fee611d1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"6:I[95751,[],\"\"]\n9:I[39275,[],\"\"]\nc:I[61343,[],\"\"]\nf:I[76130,[],\"\"]\na:[\"locale\",\"en-US\",\"d\"]\nb:[\"pathURI_questionId_answerId\",\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css/mcq14983311/(funnel)\",\"c\"]\n10:[]\n"])</script><script>self.__next_f.push([1,"0:[null,[\"$\",\"$L6\",null,{\"buildId\":\"1727353421526-9yukqw\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"initialTree\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css/mcq14983311/(funnel)\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css/mcq14983311/(funnel)\",\"c\"],{\"children\":[\"__PAGE__\",{},[[\"$L7\",\"$L8\"],null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\",\"$b\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f6b880dae9c249af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87ca01d9795f9785.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87f8a2caf02bed43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/917fb7c3fee611d1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$Ld\",null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/047f13f0fbf64aab.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[32837,[\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1727353421939-958ba375d9e55812.js\"],\"TolgeeNextProvider\"]\n12:I[13535,[\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1727353421939-958ba375d9e55812.js\"],\"AllProviders\"]\n13:I[58323,[\"6082\",\"static/chunks/app/%5Blocale%5D/not-found-1727353421939-f2844625b5ae8e57.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"html\",null,{\"lang\":\"en-US\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L11\",null,{\"locale\":\"en-US\",\"locales\":{\"en-US\":{\"auth.login.select_login_provider\":\"Select your login provider\",\"auth.login.title\":\"Log in\",\"auth.signin.signin_with_email\":\"Sign in with email\",\"auth.signin.signin_with_facebook\":\"Sign in with Facebook\",\"auth.signin.signin_with_google\":\"Sign in with Google\",\"auth.subbar.signin_navheader\":\"Log in\",\"command.modal.search.buttontext\":\"Add\",\"command.modal.search.placeholder\":\"Enter topic\",\"command.modal.title\":\"Choose individually from more than 12 million questions:\",\"footer.homepage.benefit1.text\":\"Learn interactively and with direct feedback.\",\"footer.homepage.benefit1.title\":\"Motivating \",\"footer.homepage.benefit2.text\":\"High quality and yet free.\",\"footer.homepage.benefit2.title\":\"For free\",\"footer.homepage.benefit3.text\":\"Questions like those asked in classwork and tests.\",\"footer.homepage.benefit3.title\":\"Exam-oriented\",\"footer.homepage.benefit4.text\":\"Relevant questions for almost every learning topic.\",\"footer.homepage.benefit4.title\":\"Full\",\"footer.impressum.cookies\":\"Cookies\",\"footer.impressum.created_with\":\"Created with\",\"footer.impressum.created_with_from\":\"by the\",\"footer.impressum.impressum\":\"Imprint\",\"footer.impressum.instance_brand_name\":\"Keenhead\",\"footer.impressum.instance_brand_team\":\"Keenhead-Team\",\"footer.impressum.privacy\":\"Data protection\",\"question.actionbar.skip.pose_other_question\":\"Ask another question\",\"question.preview.loadingexercises\":\"Exercises are loading\",\"question.qualityconfirm.modal.bad\":\"Faulty\",\"question.qualityconfirm.modal.bad_description\":\"The question contains errors, is off topic or is incomplete.\",\"question.qualityconfirm.modal.continue\":\"Continue learning\",\"question.qualityconfirm.modal.foryourhelp\":\"for your assessment\",\"question.qualityconfirm.modal.good\":\"Great question\",\"question.qualityconfirm.modal.good_description\":\"The question should be permanently included in the question bank.\",\"question.qualityconfirm.modal.human_confirms\":\"Human confirmations\",\"question.qualityconfirm.modal.ignore\":\"I don't want to help\",\"question.qualityconfirm.modal.needsconfirmation\":\"This AI question needs confirmation\",\"question.qualityconfirm.modal.thankyou\":\"Thanks!\",\"question.qualityconfirm.modal.title\":\"Your assessment counts!\",\"question.qualityconfirm.modal.tobeadded\":\"to be included in the questionnaire\",\"settings.account.curriculumcard.button_abort\":\"Cancel\",\"settings.account.curriculumcard.button_save\":\"Save Changes\",\"settings.account.curriculumcard.country\":\"Country\",\"settings.account.curriculumcard.message_saved\":\"Curriculum saved\",\"settings.account.curriculumcard.questions\":\"Questions\",\"settings.account.curriculumcard.region\":\"Region\",\"settings.account.curriculumcard.scholargroup\":\"Grade level\",\"settings.account.curriculumcard.schooltype\":\"Type of school\",\"settings.account.curriculumcard.select_scholargroup\":\"Choose your grade level\",\"settings.account.curriculumcard.select_schooltype\":\"Choose your school type\",\"settings.account.curriculumcard.title\":\"Curriculum\",\"settings.account.deletecard.button\":\"I want to delete my account\",\"settings.account.deletecard.confirm_button_abort\":\"Cancel\",\"settings.account.deletecard.confirm_button_confirm\":\"Yes, delete this account\",\"settings.account.deletecard.confirm_message_aborted\":\"Your account will remain intact.\",\"settings.account.deletecard.confirm_message_deleted\":\"Your account has been deleted.\",\"settings.account.deletecard.confirm_text1\":\"Are you sure that you want to\",\"settings.account.deletecard.confirm_text2\":\"want to delete permanently?\",\"settings.account.deletecard.confirm_title\":\"delete account\",\"settings.account.deletecard.description\":\"This will also erase all previous response data and statistics.\",\"settings.account.deletecard.title\":\"Delete account\",\"settings.account.headcard.avatar.select_image\":\"Select an image:\",\"settings.account.headcard.change_email\":\"change E-Mail\",\"settings.account.headcard.memberstatus_basis\":\"Basic Member\",\"settings.account.headcard.memberstatus_premium\":\"Premium Member\",\"settings.account.headcard.questions_answered\":\"Questions answered\",\"settings.account.metadata.description\":\"Here you will find your profile data and settings.\",\"settings.account.metadata.title\":\"Your account\",\"settings.account.notifycard.lernreport_description\":\"Evaluations and diagrams of your learning progress\",\"settings.account.notifycard.lernreport_message_off\":\"The evaluation email has been unsubscribed.\",\"settings.account.notifycard.lernreport_message_on\":\"In the future you will receive evaluations and diagrams by email.\",\"settings.account.notifycard.lernreport_switch_label\":\"following day\",\"settings.account.notifycard.lernreport_title\":\"Learning report\",\"settings.account.notifycard.newsletter_description\":\"Learning content tailored to your curriculum\",\"settings.account.notifycard.newsletter_message_off\":\"The learning suggestions have been canceled.\",\"settings.account.notifycard.newsletter_message_on\":\"In the future, you will receive learning suggestions by email once a month.\",\"settings.account.notifycard.newsletter_switch_label\":\"once a month\",\"settings.account.notifycard.newsletter_title\":\"Newsletter\",\"settings.account.notifycard.title\":\"Email notifications\",\"settings.account.profilecard.button_abort\":\"Cancel\",\"settings.account.profilecard.button_save\":\"Save Changes\",\"settings.account.profilecard.constraint_prename_length\":\"Your nickname should be at least 3 characters long\",\"settings.account.profilecard.constraint_special_chars\":\"No special characters are allowed.\",\"settings.account.profilecard.placeholder\":\"e.g. Michael\",\"settings.account.profilecard.prename\":\"First name or nickname\",\"settings.account.profilecard.profile_saved\":\"Profile saved\",\"settings.account.profilecard.title\":\"Your account\",\"sidebar.account.profile_title\":\"Profile\",\"sidebar.account.subtitle_user_fastswitch\":\"User quick selection\",\"sidebar.account.subtitle_user_switch\":\"Change user\",\"sidebar.account.subtitle_your_account\":\"Your account\",\"sidebar.account.switchuser_login\":\"Log in\",\"sidebar.account.switchuser_logout\":\"Logout\",\"sidebar.account.switchuser_register_additional\":\"Register additional account\",\"sidebar.account.tooltip_title\":\"Change account\",\"sidebar.account.user_fastswitch_remove\":\"Remove users from quick selection\",\"sidebar.settings.about_title\":\"About this website\",\"sidebar.settings.faq_title\":\"Frequently asked questions\",\"sidebar.settings.impressum_title\":\"Imprint\",\"sidebar.settings.subtitle_information\":\"information\",\"sidebar.settings.title\":\"Menu\",\"sidebar.settings.tooltip_title\":\"Settings and information\",\"subbar.settings.card1.registered_at\":\"Registered on\",\"subbar.settings.card1.user_id\":\"User ID\",\"subbar.settings.title\":\"Settings\",\"subbar.settings.user\":\"User\",\"topbar.funnel.filter.ai\":\"Artificial intelligence\",\"topbar.funnel.filter.questionstate\":\"3. Response status\",\"topbar.funnel.filter.questiontype\":\"2. Question type\",\"topbar.funnel.filter.redaktionell\":\"Editorial\",\"topbar.funnel.filter.subtopic\":\"1. Subtopic\",\"topbar.funnel.heading1\":\"Select questions\",\"topbar.funnel.subheading\":\"Favor your favorite question types and exclude subtopics that are irrelevant to you.\",\"topbar.logo.title.to_start_page\":\"Go to start page\",\"topbar.path.step.select_category_title\":\"choose categorie\",\"topbar.path.step.select_scholargroup_title\":\"Select grade level\",\"topbar.path.step.select_schooltype_title\":\"Choose school type\",\"topbar.path.step.select_subject_title\":\"Choose subject\",\"topbar.path.step.select_title\":\"Selection\",\"topbar.ribbon.text.preview\":\"alpha\",\"topbar.topbarpath.step.neighbour.accordion.button\":\"Learn questions now\",\"website.command.button.learnnow\":\"Learn now\",\"website.command.button.loading\":\"Loading learning topic...\",\"website.command.searchfield.fit\":\"Appropriate...\",\"website.command.searchfield.search\":\"Search...\",\"website.fit.loading.ai_is_preparing\":\"Our artificial intelligence is currently preparing the questions for you.\",\"website.fit.loading.ready\":\"Ready?\",\"website.fit.loading.startssoon\":\"It's about to start!\",\"website.fit.loading.takes_x_seconds\":\"This takes about 25 seconds.\",\"website.fit.modal.button.learnnow\":\"Learn now\",\"website.fit.modal.button.loadtopic\":\"Loading learning topic...\",\"website.fit.modal.bydescription.formlabel\":\"What do you want to learn?\",\"website.fit.modal.bydescription.placeholder\":\"e.g. I want to learn all the member states of the EU and their capitals. I am in the 6th grade and want to prepare for the geography exam.\",\"website.fit.modal.bydescription.tabtitle\":\"to the following description\",\"website.fit.modal.title\":\"Generate perfectly matching multiple choice questions:\",\"website.fit.modal.titletag.bestfunction\":\"Our best feature\",\"website.homepage.slogan\":\"Learning can be fun!\",\"website.homepage.subslogan\":\"Learn for free with more than 10 million interactive questions.\",\"website.question.jsonLd.question_command\":\"Choose the correct answer:\"}},\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L13\",null,{}],\"notFoundStyles\":[],\"styles\":null}]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"HTML and CSS Quizzes: Test Your Web Design Skills\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"smartmind.global\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"HTML,CSS,Web Design,Web Development,Career and Technical Education,Further Education\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow, nocache\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://www.smartmind.global/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://www.schlaukopf.ai/us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Schlaukopf\"}],[\"$\",\"link\",\"13\",{\"href\":\"/assets/startup/apple-touch-startup-image-768x1004.png\",\"media\":\"$undefined\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"14\",{\"href\":\"/assets/startup/apple-touch-startup-image-1536x2008.png\",\"media\":\"(device-width: 768px) and (device-height: 1024px)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:title\",\"content\":\"HTML and CSS - Computer Science and Information Technology Career and Technical Education\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:url\",\"content\":\"https://www.smartmind.global\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:site_name\",\"content\":\"Smartmind\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://www.smartmind.global/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"HTML and CSS - Computer Science and Information Technology Career and Technical Education\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://www.smartmind.global/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/android-icon-192x192.png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-144x144.png\"}],[\"$\",\"link\",\"34\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-120x120.png\",\"sizes\":\"120x120\",\"type\":\"image/png\"}],[\"$\",\"link\",\"35\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/apple-touch-icon.png\"}]]\n"])</script><script>self.__next_f.push([1,"7:null\n"])</script><script>self.__next_f.push([1,"14:T42a,{\n \"@context\": \"https://schema.org\",\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n {\n \"@type\": \"ListItem\",\n \"position\": 1,\n \"item\": {\n \"@id\": \"https://www.smartmind.global/further-education/\",\n \"name\": \"Further Education\"\n }\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 2,\n \"item\": {\n \"@id\": \"https://www.smartmind.global/further-education/career-and-technical-education/\",\n \"name\": \"Career and Technical Education\"\n }\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 3,\n \"item\": {\n \"@id\": \"https://www.smartmind.global/further-education/career-and-technical-education/computer-science-and-information-technology/\",\n \"name\": \"Computer Science and Information Technology\"\n }\n },\n {\n \"@type\": \"ListItem\",\n \"position\": 4,\n \"item\": {\n \"@id\": \"https://www.smartmind.global/further-education/career-and-technical-education/computer-science-and-information-technology/html-css/\",\n \"name\": \"HTML and CSS\"\n }\n }\n ]\n}15:T18b2a,"])</script><script>self.__next_f.push([1,"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Quiz\",\n \"typicalAgeRange\": \"16-24\",\n \"educationalLevel\": \"intermediate\",\n \"assesses\": \"\",\n \"educationalAlignment\": [\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalSubject\",\n \"targetName\": \"Computer Science and Information Technology\",\n \"educationalFramework\": \"Further Education\",\n \"targetDescription\": \"Further Education Career and Technical Education Computer Science and Information Technology, \",\n \"targetUrl\": \"/auto.us/further-education/career-and-technical-education/computer-science-and-information-technology\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Career and Technical Education\"\n }\n ],\n \"name\": \"HTML and CSS Quizzes: Test Your Web Design Skills\",\n \"description\": \"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"HTML and CSS\",\n \"description\": \"This unit introduces the fundamentals of HTML and CSS, the essential building blocks for creating and styling web pages. Students will learn the syntax, tags, and properties of HTML and CSS, enabling them to design and develop basic web pages.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"Which HTML element signifies the beginning of the web page's head section?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbody\u003e element defines the main content of the web page, not the head section.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e element contains information about the web page, such as its title and metadata.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e element defines the title of the web page, which is displayed in the browser's title bar.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cfooter\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cfooter\u003e element defines the footer of the web page, which typically contains contact information or other miscellaneous content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Styling\",\n \"text\": \"In CSS, which property is responsible for setting the border of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"border\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"border\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The border property in CSS allows you to control the style, width, and color of an element's border.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"margin\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The margin property in CSS defines the space around an element, outside of its border.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"padding\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The padding property in CSS defines the space around an element's content, inside of its border.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background property in CSS defines the background of an element, including its color, image, or gradient.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"Which HTML element is utilized to create a hyperlink?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ca\u003e element in HTML is used to create hyperlinks, allowing users to navigate between web pages or sections of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003clink\u003e element in HTML is used to link external resources, such as CSS or JavaScript files, to a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cbutton\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbutton\u003e element in HTML creates a clickable button, typically used for submitting forms or triggering actions.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003chref\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chref\u003e attribute is used within the \u003ca\u003e element to specify the destination of the hyperlink.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Styling\",\n \"text\": \"In CSS, what is the correct syntax to set the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color: red;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background: red;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax for setting the background color in CSS is 'background-color: red;'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color: red;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property in CSS allows you to specify the background color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"set-bg-color: red;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'set-bg-color' property in CSS. The correct property is 'background-color'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"color: red;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property in CSS sets the color of the text, not the background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Ordered List Element\",\n \"text\": \"Which HTML element is employed to create a numbered list?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Ordered List Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003col\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cul\u003e` element creates an unordered list, which uses bullet points. For a numbered list, you need the `\u003col\u003e` element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003col\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003col\u003e` element is used to create an ordered list, which displays items with numbers.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cli\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cli\u003e` element is used to define individual list items within an ordered or unordered list.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctable\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003ctable\u003e` element is used to create tables for displaying data in rows and columns.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Display Property Purpose\",\n \"text\": \"What is the primary purpose of the CSS 'display' property?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Display Property Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To control the layout and positioning of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To control the visibility of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `visibility` property controls the visibility of an element. The `display` property focuses on layout and positioning.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To control the layout and positioning of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `display` property is crucial for controlling how elements are displayed on the page, including their layout and positioning.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To specify the background color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `background-color` property is used to set the background color of an element. The `display` property deals with layout.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the font size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `font-size` property controls the size of the text within an element. The `display` property focuses on layout and positioning.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Table Width Attribute\",\n \"text\": \"Which HTML attribute specifies the width of a table?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Table Width Attribute\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"width\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"width\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `width` attribute is used to set the width of a table in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `height` attribute sets the height of a table. For width, you use the `width` attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `size` attribute is not used for tables. For table width, use the `width` attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"column-width\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `column-width` attribute is used to set the width of individual columns within a table. For the overall table width, use the `width` attribute.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Div vs Span Difference\",\n \"text\": \"What is the fundamental difference between the HTML \u003cdiv\u003e and \u003cspan\u003e elements?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Div vs Span Difference\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"The \u003cdiv\u003e is a block-level element, while the \u003cspan\u003e is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"The \u003cdiv\u003e is a block-level element, while the \u003cspan\u003e is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cdiv\u003e` element is a block-level element, meaning it takes up the full width of its container and starts on a new line. The `\u003cspan\u003e` element is an inline element, meaning it only takes up the space needed for its content and doesn't start on a new line.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"The \u003cspan\u003e is a block-level element, while the \u003cdiv\u003e is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cdiv\u003e` element is a block-level element, while the `\u003cspan\u003e` element is an inline element. Remember, block-level elements take up the full width and start on a new line, while inline elements only take up the space needed for their content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"There is no functional difference between the two elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cdiv\u003e` and `\u003cspan\u003e` elements have distinct behaviors due to their block-level and inline nature. The `\u003cdiv\u003e` takes up the full width and starts on a new line, while the `\u003cspan\u003e` only takes up the space needed for its content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"The \u003cdiv\u003e is used for content, while the \u003cspan\u003e is used for styling.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both the `\u003cdiv\u003e` and `\u003cspan\u003e` elements can contain content. Their primary difference lies in their block-level and inline nature, which affects their layout and positioning.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Line Spacing\",\n \"text\": \"Which CSS property controls the spacing between lines of text?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Line Spacing\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `line-height` property controls the vertical spacing between lines of text within an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"text-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There's no CSS property called `text-spacing`. Think about the property that specifically adjusts the vertical space between lines.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"font-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While `font-spacing` might sound relevant, it's not a standard CSS property. Consider the property that directly controls line spacing.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"letter-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `letter-spacing` property adjusts the spacing between letters within a word. Think about the property that controls spacing between lines.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Class Attribute Purpose\",\n \"text\": \"What is the intended purpose of the HTML 'class' attribute?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Class Attribute Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To categorize elements for styling purposes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To categorize elements for styling purposes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `class` attribute allows you to group elements together and apply styles to them using CSS selectors.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create interactive elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While `class` can be used in conjunction with JavaScript for interactivity, its primary purpose is for styling.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To specify the size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `class` attribute doesn't directly control size. Consider the purpose of grouping elements for styling.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the content of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The content of an element is defined within its opening and closing tags. The `class` attribute is used for styling.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Which of these is NOT a standard HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cclock\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cclock\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Heading Structure\",\n \"text\": \"Which HTML structure is used to create a heading element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Heading Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ch1\u003eHeading\u003c/h1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\u003ch1\u003eHeading\u003c/h1\u003e\u003c/head\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003chead\u003e` tag is for metadata, not content. Headings are part of the visible page content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\u003chead\u003eHeading\u003c/head\u003e\u003c/h1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003chead\u003e` tag shouldn't be nested inside a heading tag. It's a separate element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ch1\u003eHeading\u003c/h1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003ch1\u003e` tag is the most prominent heading level, used for the main title of a section.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch2\u003e\u003ch1\u003eHeading\u003c/h1\u003e\u003c/h2\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"You can't nest heading tags like this. Each heading level should be used independently.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"background-color\",\n \"text\": \"In CSS, what is the correct syntax to set the background color of an element with the ID 'my-element' to blue?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"background-color\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"#my-element { background-color: blue; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"#my-element { background-color: blue; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is the correct syntax for setting the background color of an element with a specific ID in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"my-element { background: blue }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is incorrect. To target an element by its ID in CSS, you need to use the ID selector (#).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cmy-element\u003e { background-color: blue }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is incorrect. In CSS, you don't use angle brackets (\u003c \u003e) to specify an element's ID.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".my-element { background-color: blue }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is incorrect. To target an element by its ID in CSS, you need to use the ID selector (#), not the class selector (.).\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Head Section\",\n \"text\": \"Which HTML element defines the head section of a web page, containing essential metadata?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Head Section\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003chead\u003e` element contains metadata like the title, character set, and links to external resources.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cfooter\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cfooter\u003e` element typically contains information at the bottom of the page, not metadata.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cbody\u003e` element contains the visible content of the web page, not metadata.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Display Property Role\",\n \"text\": \"What is the role of the `display` property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Display Property Role\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Controls the display behavior and visibility of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Controls the display behavior and visibility of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `display` property determines how an element is displayed on the page, including its layout and visibility.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sets the font style and size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Font style and size are controlled by properties like `font-family`, `font-size`, and `font-weight`.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Specifies the alignment of text and elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Text and element alignment is handled by properties like `text-align` and `vertical-align`.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Determines the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background color of an element is controlled by the `background-color` property.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Image Alternative Text\",\n \"text\": \"Which HTML attribute provides alternative information for an image when it cannot be displayed?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Image Alternative Text\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'alt' attribute provides alternative text for images.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"src\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'src' attribute specifies the source of the image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'height' attribute sets the height of the image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"width\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'width' attribute sets the width of the image.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Heading Tag Purpose\",\n \"text\": \"What is the primary function of the `\u003ch1\u003e` tag in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Heading Tag Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Defines the most significant heading or title on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Inserts a line break\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cbr\u003e` tag inserts a line break.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Creates an ordered list\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003col\u003e` tag creates an ordered list.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Defines the most significant heading or title on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003ch1\u003e` tag defines the main heading of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Defines a paragraph\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cp\u003e` tag defines a paragraph.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Unit for Spacing\",\n \"text\": \"Which CSS unit is commonly used to specify the spacing around elements?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Unit for Spacing\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"px\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"em\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'em' unit is relative to the font size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"rem\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'rem' unit is relative to the root font size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"px\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'px' unit represents pixels.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"%\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '%' unit is relative to the parent element's size.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose of `\u003cform\u003e` Element\",\n \"text\": \"What is the purpose of the `\u003cform\u003e` element in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose of `\u003cform\u003e` Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Provides a way to collect user input and submit it to a server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Sets the visual styles of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cstyle\u003e` element sets visual styles.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Embeds multimedia content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cvideo\u003e` and `\u003caudio\u003e` elements embed multimedia content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Defines the overall structure of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cbody\u003e` element defines the main content of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Provides a way to collect user input and submit it to a server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cform\u003e` element allows users to submit data to a server.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Syntax\",\n \"text\": \"Which CSS selector can be used to target all elements with the class name `container`?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"#container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax for targeting an element by its ID is using the hash (#) symbol, not a period (.).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"*container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The asterisk (*) selector targets all elements, not specifically those with the class name `container`.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"To target an element by its class name, you need to use a period (.) before the class name.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax for targeting an element by its class name is using a period (.) before the class name.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Structure\",\n \"text\": \"What is the key distinction between `inline` and `block` elements in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Inline elements flow within a line of text, while block elements start on a new line\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Inline elements are for text content, while block elements are for containers\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While inline elements are often used for text content, they can also contain other elements. Block elements, on the other hand, always start on a new line and take up the full width available.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Inline elements flow within a line of text, while block elements start on a new line\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The key distinction between inline and block elements is their behavior in the flow of text. Inline elements flow within a line of text, while block elements start on a new line.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Inline elements can contain block elements, but block elements cannot contain inline elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both inline and block elements can contain other elements, regardless of their type.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Structure\",\n \"text\": \"Which HTML element is used to create a hyperlink to another web page or resource?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003clink\u003e` element is used to link external resources, such as CSS or JavaScript files, to your HTML document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cscript\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cscript\u003e` element is used to embed JavaScript code into your HTML document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003ca\u003e` element is specifically designed to create hyperlinks to other web pages or resources.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cimg\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cimg\u003e` element is used to embed images into your HTML document.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Styling\",\n \"text\": \"What is the function of the `background-color` property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Styling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sets the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Aligns the content within an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `text-align` property is used to align the content within an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Specifies the font color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `color` property is used to specify the font color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Sets the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `background-color` property is specifically used to set the background color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Resizes an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `width` and `height` properties are used to resize an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Title\",\n \"text\": \"What HTML tag is used to define the title of a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Title\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e tag contains metadata about the page, not the title.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cheader\u003e tag defines a header section, not the title.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbody\u003e tag contains the main content of the page, not the title.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e tag defines the title of the web page.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Background Color\",\n \"text\": \"Which CSS property is used to set the background color of an HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Background Color\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background-image property sets the background image, not the color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background property is a shorthand property that sets multiple background properties, including color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background-color property specifically sets the background color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"background-position\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The background-position property sets the position of the background image, not the color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class Selector Syntax\",\n \"text\": \"What is the correct syntax to define a CSS style that changes the font size of all elements within a div with the class 'article'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class Selector Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".article { font-size: 14px; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"div\u003earticle { font-size = 14px; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax uses a period (.) before the class name.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"#article\u003efont-size { 14px; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax uses a period (.) before the class name and omits the element type.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"div.article { font-size { 14px} }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax uses a colon (:) after the property name and a semicolon (;) at the end.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \".article { font-size: 14px; }\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax correctly targets all elements with the class 'article' and sets their font size to 14px.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Create Element\",\n \"text\": \"Which JavaScript method should be used to create a new element in the DOM?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Create Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"document.createElement()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"element.create()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'element.create()' method in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"document.createElement()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'document.createElement()' method creates a new element in the DOM.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"element.new()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'element.new()' method in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"node.createElement()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'node.createElement()' method does not exist in JavaScript.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Attribute for Image Alt Text\",\n \"text\": \"Which HTML attribute is used to provide an alternative text description for an image?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Attribute for Image Alt Text\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'alt' attribute provides a text alternative for images, which is important for accessibility and SEO.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'image' attribute is not a valid HTML attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"title\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'title' attribute provides a tooltip, not an alternative text description.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"desc\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'desc' attribute is not a valid HTML attribute.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Box Model Purpose\",\n \"text\": \"What is the primary purpose of the CSS box model?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Box Model Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the dimensions, layout, and appearance of HTML elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To create animations and transitions.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Animations and transitions are handled by CSS properties like 'animation' and 'transition'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the dimensions, layout, and appearance of HTML elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The CSS box model defines the size, shape, and visual presentation of HTML elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To handle user input events.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"User input events are handled by JavaScript or CSS event listeners.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Unordered List Element\",\n \"text\": \"Which HTML element is used to create a list of unordered items?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Unordered List Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003col\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003col\u003e is used for ordered lists.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cdl\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdl\u003e is used for definition lists.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cul\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cul\u003e is the correct HTML element for creating unordered lists.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cli\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cli\u003e is used to represent individual list items.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Display Property Role\",\n \"text\": \"What is the role of the 'display' property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Display Property Role\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To specify the display behavior of an HTML element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To set the background color of an element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Background color is set using the 'background-color' property.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To specify the display behavior of an HTML element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display' property controls how an element is displayed, such as block, inline, or hidden.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To control the font size of text.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Font size is controlled using the 'font-size' property.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Logical Conjunction\",\n \"text\": \"Which JavaScript operator is used for logical conjunction?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Logical Conjunction\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026\u0026\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026\u0026\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u0026\u0026' operator represents logical AND, which evaluates to true only if both operands are true.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"||\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '||' operator represents logical OR, which evaluates to true if at least one operand is true.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"!\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '!' operator represents logical NOT, which inverts the truth value of an operand.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u0026' operator performs bitwise AND, which compares corresponding bits of two operands.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Elements vs. Attributes\",\n \"text\": \"What is the difference between an HTML element and an HTML attribute?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Elements vs. Attributes\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML elements are building blocks of a web page, while HTML attributes provide additional information about elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Elements are visible on the web page, while attributes are not.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both elements and attributes contribute to the structure and content of a web page. Visibility is determined by CSS styling.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML elements are building blocks of a web page, while HTML attributes provide additional information about elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Elements define the structure (e.g., headings, paragraphs), while attributes provide extra details (e.g., class, id, href).\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Elements are enclosed by tags, while attributes are not.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both elements and attributes are defined within tags. Attributes are placed within the opening tag of an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Main Heading Element\",\n \"text\": \"In HTML, what element do you use to define a main heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Main Heading Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;h1\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;head\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;head\u0026gt; element contains metadata about the document, not the main heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;h1\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;h1\u0026gt; element represents the most important heading on a page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;heading\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML uses specific elements like \u0026lt;h1\u0026gt;, \u0026lt;h2\u0026gt;, etc., for headings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;title\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;title\u0026gt; element appears in the browser tab, not as a heading on the page.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Background Color Property\",\n \"text\": \"In CSS, which property sets the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Background Color Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property specifically targets the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background' property is a shorthand for setting multiple background properties, including color, image, etc.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property sets the color of the text within an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bgcolor' attribute is deprecated and should be replaced with CSS styling.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Hyperlink Tag\",\n \"text\": \"In HTML, what tag do you use to create a hyperlink?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Hyperlink Tag\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;a\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;a\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"That's right! The \u0026lt;a\u0026gt; tag defines a hyperlink in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;href\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;href\u0026gt; attribute specifies the URL of the hyperlink, not the tag itself. The correct tag is \u0026lt;a\u0026gt;.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;link\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;link\u0026gt; tag connects the current document to an external resource. The \u0026lt;a\u0026gt; tag is used for hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;hyperlink\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML doesn't use a \u0026lt;hyperlink\u0026gt; tag. The correct tag for hyperlinks is \u0026lt;a\u0026gt;.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class Selector Syntax\",\n \"text\": \"In CSS, which selector is used to select elements with a specific class name?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class Selector Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \".class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"#class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '#' symbol is used for selecting elements by ID. The correct selector for class names is '.class-name'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \".class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Right on! In CSS, '.class-name' targets elements with the specified class.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While this resembles a class name, it needs a '.' prefix to function as a selector in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"[class-name]\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is used for attribute selectors in CSS. To select by class, use '.class-name'.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Image Tag\",\n \"text\": \"In HTML, what element do you use to embed an image on a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Image Tag\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;img\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;image\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While it sounds right, HTML uses the tag \u0026lt;img\u0026gt; to embed images.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;img\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Correct! The \u0026lt;img\u0026gt; tag is used to embed images in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;picture\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;picture\u0026gt; element is used for responsive images, but the basic tag for embedding an image is \u0026lt;img\u0026gt;.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;src\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;src\u0026gt; attribute specifies the image source URL, not the element itself. The correct tag is \u0026lt;img\u0026gt;.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Font Size Property\",\n \"text\": \"In CSS, which property controls the size of the text in an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Font Size Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS doesn't use a 'size' property for text. The correct property is 'font-size'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"You're right! The 'font-size' property in CSS controls the size of the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"text-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"It's easy to get confused, but the correct CSS property is 'font-size', not 'text-size'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"font\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font' property is a shorthand property in CSS, but to specifically control text size, use 'font-size'.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Paragraph Tag\",\n \"text\": \"In HTML, which tag is used to define a paragraph?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Paragraph Tag\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;p\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;paragraph\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Remember, HTML uses abbreviations for tags.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;p\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;p\u0026gt; tag is used to create paragraphs in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;body\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;body\u0026gt; tag defines the main content of an HTML document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;text\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML doesn't use a \u0026lt;text\u0026gt; tag. Think about the specific element you're defining.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Position Property\",\n \"text\": \"In CSS, which property specifies how an element is positioned on the page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Position Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"position\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"place\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Think about the specific terms used in CSS properties.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"position\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' property is key to controlling element placement in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"positioned\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While close, CSS uses a slightly different term.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"location\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While it sounds intuitive, CSS uses a different property for this.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Unordered List Tag\",\n \"text\": \"In HTML, what tag do you use to create an unordered list?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Unordered List Tag\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;ul\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u0026lt;items\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML uses specific tags for list elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;ol\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This tag is for ordered lists. Think about the 'un' in unordered.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;list\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML uses a more specific tag to define list types.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;ul\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;ul\u0026gt; tag is used to create unordered (bulleted) lists.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Title Tag\",\n \"text\": \"Which HTML element is used to define the title of a web page, which appears in the browser tab?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Title Tag\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbody\u003e tag defines the content of the page, not the title.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e tag contains metadata, but not the visible title in the tab.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e is used for the main heading within the page content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e tag is specifically for setting the page title seen in the browser tab.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Property Definition\",\n \"text\": \"What is the correct syntax to define a CSS property for an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Property Definition\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"property: value;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"value: property;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is reversed. The correct order is 'property: value;'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"property = value;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While this syntax is used in some programming languages, CSS uses a colon (:) to separate the property and value.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"value = property;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax is 'property: value;'. The property comes first, followed by a colon and then the value.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"property: value;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is the correct syntax for defining a CSS property. The property is followed by a colon and then the value.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Font Size Property\",\n \"text\": \"Which CSS property controls the font size of text within an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Font Size Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-size' property is used to adjust the size of text within an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"font\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font' property controls the font family, not just the size. To control the size, use 'font-size'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"text-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While 'text-size' might seem logical, the correct property for controlling font size is 'font-size'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'size' property is not used in CSS for font size. Use 'font-size' instead.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Header Element Purpose\",\n \"text\": \"What is the main purpose of the HTML \u003cheader\u003e element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Header Element Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the introductory section of a web page, often containing the page title and navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the title of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e tag is used to define the title of a web page, which appears in the browser tab. The \u003cheader\u003e element has a broader purpose.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the closing section of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cfooter\u003e element is typically used for the closing section of a web page. The \u003cheader\u003e element is used for the introductory section.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To define the main content area of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cmain\u003e element is used to define the main content area of a web page. The \u003cheader\u003e element is used for the introductory section.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the introductory section of a web page, often containing the page title and navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cheader\u003e element is used to define the introductory section of a web page, which typically includes the page title, navigation, and other introductory content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Line Height Property\",\n \"text\": \"Which CSS property is used to adjust the spacing between lines of text?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Line Height Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"text-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'text-spacing' property in CSS. To control line spacing, use 'line-height'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'line-height' property controls the spacing between lines of text within an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"letter-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'letter-spacing' property controls the spacing between letters within a word. To control line spacing, use 'line-height'.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"word-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'word-spacing' property controls the spacing between words. To control line spacing, use 'line-height'.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose of HTML and CSS\",\n \"text\": \"What is the main purpose of combining HTML and CSS together?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose of HTML and CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To create visually appealing and structured web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To manage large datasets in a database\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML and CSS are used for web development, not database management.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create interactive web pages with dynamic content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML and CSS are used for creating the structure and styling of web pages, not for interactivity or dynamic content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To create visually appealing and structured web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML provides the structure and content, while CSS adds the styling and presentation.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To develop mobile applications\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML and CSS are primarily used for web development, not mobile app development.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Link Element\",\n \"text\": \"Which HTML element is used to create a clickable link to another web page or resource?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Link Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ca\u003e element is specifically designed for creating hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cb\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cb\u003e is used for bolding text, not creating links.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cp\u003e is used for creating paragraphs, not links.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e is used for headings, not links.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Div Display Property\",\n \"text\": \"What is the default display property for the HTML \u003cdiv\u003e element, which determines how it will be positioned on a page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Div Display Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"block\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"block\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cdiv\u003e element is a block-level element by default.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"flex\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Flexbox is a layout mode, not the default display property for \u003cdiv\u003e.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"grid\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grid is also a layout mode, not the default for \u003cdiv\u003e.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"inline\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Inline elements flow with text, which is not the default behavior for \u003cdiv\u003e.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Text Color Property\",\n \"text\": \"Which CSS property is used to set the color of the text within an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Text Color Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This property does not exist in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property is used to specify the text color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"text-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While similar, 'text-color' is not a standard CSS property.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This property sets the background color, not the text color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"What is the key difference between an HTML element and a CSS property?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML elements define the structure and content of a web page, while CSS properties control the visual presentation and style\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTML elements and CSS properties are essentially the same\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTML elements define the structure and content of a web page, while CSS properties control the visual presentation and style\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTML elements control the visual presentation, while CSS properties define the structure\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n }\n ]\n}"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"WebSite\\\",\\n \\\"name\\\": \\\"SmartMind\\\",\\n \\\"url\\\": \\\"https://www.smartmind.global\\\"\\n}\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n function updateScale() {\\n const windowHeight = window.innerHeight;\\n const scaleFactor = windowHeight / 1000; // Adjust the divisor as needed\\n document.documentElement.style.setProperty('--preview-zoom-scale', scaleFactor);\\n }\\n updateScale();\\n window.addEventListener('resize', updateScale);\\n window.addEventListener('load', updateScale);\\n \"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$14\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$15\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"HTML and CSS Quizzes: Test Your Web Design Skills\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"HTML,CSS,Web Design,Web Development,Career and Technical Education,Further Education\\\",\\n \\\"description\\\": \\\"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\\\",\\n \\\"applicationCategory\\\": \\\"https://schema.org/EducationalApplication\\\",\\n \\\"thumbnailUrl\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"offers\\\": {\\n \\\"@type\\\": \\\"Offer\\\",\\n \\\"price\\\": \\\"0\\\",\\n \\\"priceCurrency\\\": \\\"EUR\\\"\\n }\\n}\"}}],\"$L16\"]\n"])</script><script>self.__next_f.push([1,"17:I[59863,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"TransferProviderClient\"]\n19:I[90756,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"TopbarQuestion_\"]\n1a:I[10347,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-17"])</script><script>self.__next_f.push([1,"27353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"QuestionAreaDesktop\"]\n1c:I[46626,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"QuestionBottomBar_\"]\n18:Teff,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eWhich HTML element signifies the beginning of the web page's head section?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003cbody\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003cfooter\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"1d:T584,\nwindow.serverTime = 1732945037287; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css?v=1','/api/tdoc/question/mcq14983311?v=1','/api/tdoc/topic/290745?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.us?v=1','/api/tdoc/path/auto.us/further-education?v=1','/api/tdoc/path/auto.us/further-education/career-and-technical-education?v=1','/api/tdoc/path/auto.us/further-education/career-and-technical-education/computer-science-and-information-technology?v=1'];\npreloadUrls.map(url =\u003e fetch(url).then(response =\u003e {\nif (response.ok) {\nconst json = response.json().then(json =\u003e {\nif(!json.payload)return;\nwindow.preload[url] = json;\nif(['topic','path'].includes(json.payload.type)){\nwindow.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;\n}\n});\n} else {\nthrow new Error(\"HTTP error \" + response.status);\n}\n\n})\n.catch(e =\u003e {\nconsole.log(e.stack);\n}))\n\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"$L17\",null,{\"topicTransfer\":{\"pathURI\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"topic\":{\"id\":290745,\"countryISO\":\"US\",\"pathURI\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"pathURI_labels\":\"United States of America/Further Education/Career and Technical Education/Computer Science and Information Technology/HTML and CSS\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.us\",\"countryLabel\":\"United States of America\",\"countryLabelEnglish\":\"\",\"countryConcise\":\"\",\"schoolTypeURL\":\"further-education\",\"schoolTypeLabel\":\"Further Education\",\"schoolTypeConcise\":\"FurtherEdu\",\"schoolTypeCategory\":\"AdvancedTraining\",\"scholarGroupURL\":\"career-and-technical-education\",\"scholarGroupLabel\":\"Career and Technical Education\",\"scholarGroupConcise\":\"Career and Technical Education\",\"subjectURL\":\"computer-science-and-information-technology\",\"subjectLabel\":\"Computer Science and Information Technology\",\"subjectConcise\":\"Computer Science\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"html-css\",\"stepLabel\":\"HTML and CSS\",\"topicLabel\":\"HTML and CSS\",\"topicConcise\":\"Web Page Design\",\"topicDescription\":\"This unit introduces the fundamentals of HTML and CSS, the essential building blocks for creating and styling web pages. Students will learn the syntax, tags, and properties of HTML and CSS, enabling them to design and develop basic web pages.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"HTML,CSS,Web Design,Tags,Properties,Syntax\",\"unitCommonExamQuestions\":\"What is the purpose of the \u003chead\u003e tag in HTML?,How do you add a background color to a web page using CSS?,What is the difference between an inline and an external CSS style sheet?,How do you create a hyperlink in HTML?,What is the purpose of the CSS box model?\",\"unitSubtopicsForExams\":\"HTML Structure and Syntax,CSS Selectors and Properties,Web Design Principles,Creating Basic Web Pages,Troubleshooting Common Errors\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":{\"didacticalIntension\":\"Evaluate understanding of semantic HTML elements for structuring web pages\",\"subtopicTag\":\"HTML Structure and Semantics\",\"questionText\":\"Which HTML element is the most appropriate for representing the main heading of a web page?\"},\"reasoning\":\"Examines student understanding of HTML semantics and proper structural organization of web pages.\"},{\"idea\":{\"didacticalIntension\":\"Test knowledge of media queries and responsive CSS principles\",\"subtopicTag\":\"CSS Responsiveness\",\"questionText\":\"What is the primary purpose of using media queries in CSS?\"},\"reasoning\":\"Assesses student comprehension of responsive web design and adaptive layout techniques.\"},{\"idea\":{\"didacticalIntension\":\"Assess understanding of HTML forms and user input\",\"subtopicTag\":\"HTML Forms\",\"questionText\":\"Which HTML element is utilized to create a text input field that allows users to enter information?\"},\"reasoning\":\"Evaluates student knowledge of essential HTML form elements and user interface building.\"},{\"idea\":{\"didacticalIntension\":\"Test students' understanding of CSS specificity and resolving conflicts\",\"subtopicTag\":\"CSS Specificity\",\"questionText\":\"When multiple CSS rules apply to the same HTML element, which rule takes precedence and why?\"},\"reasoning\":\"Examines student understanding of cascading and specificity rules, crucial for creating consistent CSS code.\"},{\"idea\":{\"didacticalIntension\":\"Evaluate understanding of advanced CSS selectors and targeting strategies\",\"subtopicTag\":\"CSS Selectors\",\"questionText\":\"Explain the difference between element, class, and ID selectors in CSS and when to use each one.\"},\"reasoning\":\"Assesses student knowledge of advanced CSS selector types and their appropriate use.\"},{\"idea\":{\"didacticalIntension\":\"Test students' understanding of CSS animation and transitions\",\"subtopicTag\":\"CSS Animation\",\"questionText\":\"What is the difference between CSS animation and transitions, and how are they used to add visual effects to web pages?\"},\"reasoning\":\"Evaluates student understanding of CSS animation techniques for creating dynamic and engaging web designs.\"}],\"positionIndex\":12,\"aiQuestionCount\":52,\"editorialQuestionCount\":0,\"questionsCount\":52,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":50,\"typicalAge\":16,\"lowerAge\":16,\"upperAge\":24,\"platformLangISOCode\":\"en\",\"platformLangNativeName\":\"English\",\"platformLangEnglishName\":\"English\",\"platformLangDialectName\":\"\",\"platformLangLocalCode\":\"en-US\",\"contentLangISOCode\":\"\",\"contentLangNativeName\":\"\",\"contentLangPlatformName\":\"\",\"contentLangEnglishName\":\"\",\"contentLangDialectName\":\"\",\"contentLangLocalCode\":\"\",\"populationEstimate\":20000,\"publicVisibility\":1,\"teachingPeriod\":\"\",\"duplicate_of\":0,\"funnelStrategy\":\"default\",\"activityLevel\":0,\"activityArray\":[],\"scoreAverage\":0.66,\"relativeKnowledgeDistributionArray\":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],\"seoMetaTitle\":\"HTML and CSS Quizzes: Test Your Web Design Skills\",\"seoMetaDescription\":\"Enhance your web development knowledge with our interactive HTML and CSS learning unit. Master the fundamentals of web design and prepare for success in the field.\",\"seoMetaKeywords\":\"HTML,CSS,Web Design,Web Development,Career and Technical Education,Further Education\",\"geminiTagArray\":[],\"lastDuplicateCheck\":\"$D2020-01-01T00:00:00.000Z\",\"lastDropout\":\"$D2023-01-01T00:00:00.000Z\",\"usedSubtopicsArray\":[],\"bundles\":\"\",\"bundleNames\":\"\",\"packages\":\"\",\"parent_topic_id1\":null,\"parent_topic_id2\":null,\"parent_topic_id3\":null,\"parent_topic_id4\":null,\"parent_topic_id5\":null,\"parent_topic_id6\":null,\"parent_topic_id7\":null,\"parent_topic_id8\":null,\"parent_topic_id9\":null,\"parent_topic_id10\":null,\"parent_topic_id11\":null,\"parent_topic_id12\":null,\"parent_topic_id13\":null,\"parent_topic_id14\":null,\"parent_topic_id15\":null,\"parent_topic_id16\":null,\"parent_topic_id17\":null,\"parent_topic_id18\":null,\"parent_topic_id19\":null,\"parent_topic_id20\":null,\"parent_topic_recursive1\":null,\"parent_topic_recursive2\":null,\"parent_topic_recursive3\":null,\"parent_topic_recursive4\":null,\"parent_topic_recursive5\":null,\"parent_topic_recursive6\":null,\"parent_topic_recursive7\":null,\"parent_topic_recursive8\":null,\"parent_topic_recursive9\":null,\"parent_topic_recursive10\":null,\"parent_topic_recursive11\":null,\"parent_topic_recursive12\":null,\"parent_topic_recursive13\":null,\"parent_topic_recursive14\":null,\"parent_topic_recursive15\":null,\"parent_topic_recursive16\":null,\"parent_topic_recursive17\":null,\"parent_topic_recursive18\":null,\"parent_topic_recursive19\":null,\"parent_topic_recursive20\":null,\"parent_topic_importmode1\":null,\"parent_topic_importmode2\":null,\"parent_topic_importmode3\":null,\"parent_topic_importmode4\":null,\"parent_topic_importmode5\":null,\"parent_topic_importmode6\":null,\"parent_topic_importmode7\":null,\"parent_topic_importmode8\":null,\"parent_topic_importmode9\":null,\"parent_topic_importmode10\":null,\"parent_topic_importmode11\":null,\"parent_topic_importmode12\":null,\"parent_topic_importmode13\":null,\"parent_topic_importmode14\":null,\"parent_topic_importmode15\":null,\"parent_topic_importmode16\":null,\"parent_topic_importmode17\":null,\"parent_topic_importmode18\":null,\"parent_topic_importmode19\":null,\"parent_topic_importmode20\":null,\"pdfPageNumbers\":\"\",\"entityStore\":{},\"actorStore\":{},\"locationStore\":{},\"topicStore\":{},\"document_version\":0,\"generationFlag\":0,\"sharpenedAt\":\"$D2024-05-04T03:07:19.000Z\",\"metaWeeklyAt\":\"$D2024-11-23T23:45:06.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-05-03T13:56:03.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-05-03T13:56:03.000Z\",\"path\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"pathname\":\"United States of America/Further Education/Career and Technical Education/Computer Science and Information Technology/HTML and CSS\",\"name\":\"HTML and CSS\",\"genType\":1,\"topicContextTitle\":\"Web Development\",\"parentPathURI\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"further-education/career-and-technical-education/computer-science-and-information-technology/html-css\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq14983311\",\"type\":\"question\",\"topic_id\":290745,\"pathURI\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"questionType\":\"MultipleChoice\",\"layout_id\":\"fsDVsI\",\"layoutName\":\"layout_AIStage\",\"questionOfSameLayout_id\":\"364417\",\"stageOuterStyle\":\"flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\",\"stageInnerStyle\":\"height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\",\"stageInnerHtml\":\"$18\",\"text\":\"Which HTML element signifies the beginning of the web page's head section?\",\"isoLanguageCode\":\"en\",\"accepted\":0,\"subtopicTag\":\"HTML Structure\",\"microtopicTag\":\"Head Element\",\"questionSubtag\":\"HTML Structure\",\"skillTag\":\"HTML Syntax\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"Assess understanding of basic HTML structural elements\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":10,\"aiExamRelevanceScore\":80,\"aiCurriculumAlignmentScore\":100,\"aiLanguageComplexityScore\":10,\"aiOverallQualityScore\":90,\"seoMetaTitle\":\"What HTML Element Starts the Head Section?\",\"seoMetaDescription\":\"Learn which HTML element marks the beginning of the head section of a web page.\",\"seoMetaKeywords\":\"HTML,head element,web page structure\",\"maxPoints\":1,\"shouldShuffle\":false,\"bundles\":\"fsDVsI,mnWSz2Pvf,IyESvh7FK,RKgCmObJN,By3Jsg2Vs,wlJMmox7n,PphF-fhBJ,QoQ0ePXFh,BJxqw82DNe,rJnlnGDBf,HJPNLc-JG\",\"bundleNames\":\"Questiontype_MultipleChoice_layout_AIStage,Questiontype_MultipleChoice_,Questiontype_MultipleChoiceLike_,Questiontype_MultipleChoice_Draft_,Question_,Stage_Draft_Question_,Stage_Draft_Questionpart_,Stage_Draft_Menulayout_,Global_,Stage_Draft,Global_run\",\"screenshot\":0,\"document_version\":1,\"mcq_id\":14983311,\"mcq\":{\"id\":14983311,\"topic_id\":290745,\"deploy_id\":null,\"pathURI\":\"auto.us/further-education/career-and-technical-education/computer-science-and-information-technology/html-css\",\"pathURI_labels\":\"United States of America/Further Education/Career and Technical Education/Computer Science and Information Technology/HTML and CSS\",\"questionText\":\"Which HTML element signifies the beginning of the web page's head section?\",\"numOptions\":4,\"optionText1\":\"\u003cbody\u003e\",\"optionText2\":\"\u003chead\u003e\",\"optionText3\":\"\u003ctitle\u003e\",\"optionText4\":\"\u003cfooter\u003e\",\"isCorrect1\":0,\"isCorrect2\":1,\"isCorrect3\":0,\"isCorrect4\":0,\"reasoning1\":\"\",\"reasoning2\":\"\",\"reasoning3\":\"\",\"reasoning4\":\"\",\"feedbackText1\":\"\",\"feedbackText2\":\"\",\"feedbackText3\":\"\",\"feedbackText4\":\"\",\"explanationHint\":\"\",\"explanationTheory\":\"\",\"explanationKeyfacts\":\"\",\"explanationRetrospective\":\"\",\"didacticalIntension\":\"Assess understanding of basic HTML structural elements\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"en\",\"countryLabel\":\"United States of America\",\"schoolTypeLabel\":\"Further Education\",\"scholarGroupLabel\":\"Career and Technical Education\",\"subjectLabel\":\"Computer Science and Information Technology\",\"topicLabel\":\"HTML and CSS\",\"creationTag\":\"HTML Structure\",\"subtopicTag\":\"HTML Basics\",\"microtopicTag\":\"Head Element\",\"questionTag\":\"HTML Structure\",\"skillTag\":\"HTML Syntax\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":16,\"lowerAge\":16,\"upperAge\":24,\"promptUsed\":5,\"AltQuestionText\":\"\",\"AltOptionText1\":\"\",\"AltOptionText2\":\"\",\"AltOptionText3\":\"\",\"AltOptionText4\":\"\",\"AltIsCorrect1\":-1,\"AltIsCorrect2\":-1,\"AltIsCorrect3\":-1,\"AltIsCorrect4\":-1,\"AltFeedbackText1\":\"\",\"AltFeedbackText2\":\"\",\"AltFeedbackText3\":\"\",\"AltFeedbackText4\":\"\",\"AltDidacticalIntension\":\"\",\"duplicateCheckItem\":-1,\"improvementPrompt\":5,\"OrigScore\":-1,\"AltScore\":-1,\"bloomsTaxonomy\":\"\",\"isoLanguageCode\":\"en\",\"difficultyScore\":10,\"examRelevanceScore\":80,\"curriculumAlignmentScore\":100,\"languageComplexityScore\":10,\"overallQualityScore\":90,\"checkQuality\":\"\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"What HTML Element Starts the Head Section?\",\"seoMetaDescription\":\"Learn which HTML element marks the beginning of the head section of a web page.\",\"seoMetaKeywords\":\"HTML,head element,web page structure\",\"searchKeywords\":\"\",\"areVectorsIndexed\":1,\"generationFlag\":-60,\"updatedAt\":\"$D2024-07-03T07:00:47.000Z\",\"deployedAt\":null,\"feedbackTiny1\":\"Not quite.\",\"feedbackTiny2\":\"Correct!\",\"feedbackTiny3\":\"Close, but not quite.\",\"feedbackTiny4\":\"Nope.\",\"feedbackShort1\":\"The \u003cbody\u003e element defines the main content of the web page, not the head section.\",\"feedbackShort2\":\"The \u003chead\u003e element contains information about the web page, such as its title and metadata.\",\"feedbackShort3\":\"The \u003ctitle\u003e element defines the title of the web page, which is displayed in the browser's title bar.\",\"feedbackShort4\":\"The \u003cfooter\u003e element defines the footer of the web page, which typically contains contact information or other miscellaneous content.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":17822562,\"d\":0.11}],\"similarSearchedAt\":\"$D2024-08-23T22:40:53.000Z\",\"optionsArray\":[\"\u003cbody\u003e\",\"\u003chead\u003e\",\"\u003ctitle\u003e\",\"\u003cfooter\u003e\"],\"correctOptionsArray\":[\"\u003chead\u003e\"],\"distractorOptionsArray\":[\"\u003cbody\u003e\",\"\u003ctitle\u003e\",\"\u003cfooter\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":7,\"maxOptionLength\":8,\"questionTextLength\":74,\"averageReadLength\":41,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"XROsbQ\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"lZskq8\",\"type\":\"aspect\",\"traits\":[{\"id\":\"6RTOBT\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"8X4MCl\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Q3DT7d\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Which HTML element signifies the beginning of the web page's head section?\"}]},\"inner\":{\"id\":\"X6aD2n\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"sRUwgT\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"5DU-vC\",\"type\":\"aspect\",\"traits\":[{\"id\":\"sWWiHi\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"n_IpiA\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"7kpN_a\",\"type\":\"aspect\",\"traits\":[{\"id\":\"pzsaRt\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cbody\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"0mc6Up\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Km-7Av\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"neJBQK\",\"type\":\"aspect\",\"traits\":[{\"id\":\"kr6g-r\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003cbody\u003e element defines the main content of the web page, not the head section.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"tlWn9e\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"aw4eAG\",\"type\":\"aspect\",\"traits\":[{\"id\":\"wzK_G0\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"o7C1TT\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"rTeqNk\",\"type\":\"aspect\",\"traits\":[{\"id\":\"HvV9zS\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"EHRjZB\",\"type\":\"aspect\",\"traits\":[{\"id\":\"kE7F0i\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"8ew5Eg\",\"type\":\"aspect\",\"traits\":[{\"id\":\"_-lDUS\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Correct!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"AxATuf\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"ckA7aN\",\"type\":\"aspect\",\"traits\":[{\"id\":\"KfyVQW\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"xubLUd\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"W85OlX\",\"type\":\"aspect\",\"traits\":[{\"id\":\"oCZbne\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"uckF2c\",\"type\":\"aspect\",\"traits\":[{\"id\":\"w27DSt\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"PXUy0Q\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Q7r32A\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003ctitle\u003e element defines the title of the web page, which is displayed in the browser's title bar.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"99lHar\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"dPTvWH\",\"type\":\"aspect\",\"traits\":[{\"id\":\"NSUKRV\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"JzlpVt\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"jIr5k0\",\"type\":\"aspect\",\"traits\":[{\"id\":\"sjWuNJ\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cfooter\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"YO76R0\",\"type\":\"aspect\",\"traits\":[{\"id\":\"0tzwQV\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"Fq3fhF\",\"type\":\"aspect\",\"traits\":[{\"id\":\"QdgTdY\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003cfooter\u003e element defines the footer of the web page, which typically contains contact information or other miscellaneous content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"Which HTML element signifies the beginning of the web page's head section?\",\"options\":[{\"optionText\":\"\u003cbody\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003chead\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003ctitle\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003cfooter\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"}]},\"userVoteUp\":0,\"userVoteDown\":0}},\"children\":[\"$\",\"div\",null,{\"id\":\"page-container\",\"className\":\"flex flex-col items-stretch w-full min-h-screen bg-gray-100\",\"children\":[[\"$\",\"$L19\",null,{}],[\"$\",\"$L1a\",null,{\"fallback\":\"$L1b\"}],[\"$\",\"$L1c\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":542774,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast542774@undefined\",\"emailVerified\":0,\"emailFails\":0,\"emailError\":\"\",\"prename\":\"\",\"surname\":\"\",\"nickname\":\"\",\"ownImage\":null,\"country\":\"\",\"confidence_country\":0,\"region\":\"\",\"confidence_region\":0,\"city\":\"\",\"promoter\":\"\",\"confidence_city\":0,\"schooltype\":\"\",\"confidence_schooltype\":0,\"form\":\"\",\"confidence_form\":0,\"person\":\"\",\"newsletter\":0,\"learnreport\":1,\"dataValidated\":0,\"tutor1\":\"\",\"tutor2\":\"\",\"tutor3\":\"\",\"tutor4\":\"\",\"tutor5\":\"\",\"tutor6\":\"\",\"tutor7\":\"\",\"tutor8\":\"\",\"tutor9\":\"\",\"tutor10\":\"\",\"isAdmin\":false,\"isAuthor\":false,\"filterAI\":false,\"filterEditorial\":false,\"balance\":0,\"lastLogon\":\"$D2024-11-30T05:37:17.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2024-11-30T05:37:17.000Z\",\"currentTopic\":0,\"currentPoints\":0,\"settingTeacher\":\"DrBrain\",\"settingCounter\":3,\"settingLookAndFeel\":\"_skin2\",\"settingQuestions\":20,\"settingCompleteQuestion\":1,\"settingLanguage\":\"\",\"settingSound\":1,\"settingAudio\":1,\"settingGrade\":0,\"ads\":0,\"guest\":1,\"extrainfo\":\"\",\"state\":null,\"document_version\":0,\"entityStore\":{},\"actorStore\":{},\"userStore\":{},\"createdAt\":\"$D2024-11-30T05:37:17.000Z\",\"updatedAt\":\"$D2024-11-30T05:37:17.000Z\",\"accessedAt\":\"$D2024-11-30T05:37:17.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"United States of America\",\"instanceURI\":\"auto.us\",\"instanceDomainMiddle\":\"schlaukopf\",\"instanceDomainEnding\":\"ai\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"1e:Teff,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eWhich HTML element signifies the beginning of the web page's head section?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003cbody\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003cfooter\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"id\":\"quest_preview\",\"className\":\"flex flex-col mx-auto w-full min-w-[320px] bg-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"SlowConnectionSpinner\",\"style\":{\"width\":140,\"opacity\":\"0.6\",\"position\":\"fixed\",\"top\":\"50%\",\"left\":\"50%\",\"zIndex\":99,\"right\":0,\"color\":\"rgba(0,0,0,0.5)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"lds-spinner\",\"style\":{\"width\":80,\"height\":80},\"children\":[[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}]]}]}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"app_inner childLayout_flex_row\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"stretch\"},\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"#preview_stage_outer {\\n flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\\n height: calc(100vh - 64px);\\n }\\n\\n #preview_stage_inner {\\n height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\\n }\\n \"}}],[\"$\",\"div\",null,{\"id\":\"preview_stage_outer\",\"data-aspect\":\"outer\",\"className\":\"ssr stage_outer\",\"style\":{\"paddingBottom\":85},\"children\":[\"$\",\"div\",null,{\"data-aspect\":\"main\",\"className\":\"stage_main\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"space-between\",\"zIndex\":1},\"children\":[[\"$\",\"div\",null,{\"className\":\"left_of_inner\"}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"ssr stage_inner childLayout_flex_row stage_inner_zoom\",\"id\":\"preview_stage_inner\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1e\"}}],[\"$\",\"div\",null,{\"className\":\"right_of_inner\",\"children\":[[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_1\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_2\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_3\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"style\":{\"zIndex\":10,\"minWidth\":340,\"position\":\"fixed\",\"bottom\":100,\"left\":50,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"lineHeight\":\"200%\"},\"children\":[[\"$\",\"p\",null,{\"style\":{\"fontSize\":30,\"color\":\"rgba(0,0,0,0.3)\"},\"children\":[\"Computer Science and Information Technology\",\" \",\"$L1f\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1f:\"Exercises are loading\"\n"])</script></body></html>
