</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><body></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><head></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><html></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)">Web Development<!-- --> <!-- -->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 = 1733129394401; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website?v=1','/api/tdoc/question/mcq12595279?v=1','/api/tdoc/topic/219700?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/university-of-applied-sciences?v=1','/api/tdoc/path/auto.us/university-of-applied-sciences/informatik?v=1','/api/tdoc/path/auto.us/university-of-applied-sciences/informatik/web-development?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/university-of-applied-sciences/informatik/web-development/building-a-simple-website/mcq12595279/(funnel)\",\"c\"]\n10:[]\n"])</script><script>self.__next_f.push([1,"0:[null,[\"$\",\"$L6\",null,{\"buildId\":\"1727353421526-9yukqw\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"initialTree\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website/mcq12595279/(funnel)\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website/mcq12595279/(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\":\"Build a Simple Website: A Step-by-Step Guide for Beginners\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"smartmind.global\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"building a website,web development,HTML,CSS,JavaScript,beginner-friendly,step-by-step guide\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow, nocache\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://www.smartmind.global/university-of-applied-sciences/informatik/web-development/building-a-simple-website\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://www.clevermind.uk/auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\"}],[\"$\",\"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\":\"Building a Simple Website - Web Development Information Technology\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\"}],[\"$\",\"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\":\"Building a Simple Website - Web Development Information Technology\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\"}],[\"$\",\"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:T19f35,"])</script><script>self.__next_f.push([1,"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Quiz\",\n \"typicalAgeRange\": \"18-30\",\n \"educationalLevel\": \"intermediate\",\n \"assesses\": \"\",\n \"educationalAlignment\": [\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalSubject\",\n \"targetName\": \"Web Development\",\n \"educationalFramework\": \"University of Applied Sciences\",\n \"targetDescription\": \"University of Applied Sciences Information Technology Web Development, \",\n \"targetUrl\": \"/auto.us/university-of-applied-sciences/informatik/web-development\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Information Technology\"\n }\n ],\n \"name\": \"Build a Simple Website: A Step-by-Step Guide for Beginners\",\n \"description\": \"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Building a Simple Website\",\n \"description\": \"This unit provides a hands-on approach to building a simple website using HTML, CSS, and JavaScript. Students will learn the basics of web development and gain practical experience in creating a functional website.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Anchor Element\",\n \"text\": \"In HTML, which element creates a clickable link to another web page or resource?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Anchor Element\",\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; element is used to create hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u0026lt;link\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;link\u0026gt; element is used to link external resources like CSS or JavaScript files, not to create clickable links.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u0026lt;href\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u0026lt;href\u0026gt; attribute is used within the \u0026lt;a\u0026gt; element to specify the destination of the link.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u0026lt;url\u0026gt;\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There's no \u0026lt;url\u0026gt; element in HTML. URLs are specified within the \u0026lt;a\u0026gt; element's \u0026lt;href\u0026gt; attribute.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"Which HTML element defines the main content of a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cbody\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 about the page, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbody\u003e element contains the main content of the web page.\"\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, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003chtml\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chtml\u003e element is the root element of the web page, not the main content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"Which CSS property sets an element's background color?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\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\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property sets the color of the text, not the background.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property sets the background color of the element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"fill\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'fill' property is used for SVG elements, not for setting background colors.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"paint\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'paint' property is not a valid CSS property for setting background colors.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript\",\n \"text\": \"Which JavaScript event is fired when the mouse cursor enters an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onmouseover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onmouseover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onmouseover' event is triggered when the mouse cursor enters an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onenter\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'onenter' event in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onhover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onhover' event is not a standard JavaScript event.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onfocus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onfocus' event is triggered when an element gains focus, not when the mouse cursor enters it.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"Which HTML attribute provides alternative information for an image?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\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\": \"src\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'src' attribute specifies the source of the image, not alternative information.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"alt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'alt' attribute provides alternative information for an image, such as a description for visually impaired users.\"\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 when the mouse hovers over the image, not alternative information.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"desc\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'desc' attribute in HTML for providing alternative information for images.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"rem\",\n \"text\": \"Which CSS unit represents an element's width relative to its parent container?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"rem\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"rem\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"px\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"px represents absolute pixels, not relative to the parent container.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"pt\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"pt represents points, a unit of measurement in typography.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"em\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"em represents the font size of the parent element, not the width.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"rem\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"rem represents the font size of the root element, making it relative to the entire page.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Function Syntax\",\n \"text\": \"What is the correct syntax to declare a function in JavaScript?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Function Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"function myFunction()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"function myFunction()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is the standard syntax for declaring a function in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"myFunction = function()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is an alternative way to define a function, but it's not the standard syntax.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"define function myFunction()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not valid for declaring functions in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"function(myFunction)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not valid for declaring functions in JavaScript.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class Selector\",\n \"text\": \"Which CSS selector selects all elements with a specific class name?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class Selector\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\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\": \"This is the standard syntax for selecting elements by class in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"#class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is used to select elements by ID, not 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\": \"This syntax is not valid for selecting elements in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"class(.class-name)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not valid for selecting elements in CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"javascript-data-structure-ordered-collection\",\n \"text\": \"Which JavaScript data structure is used to store an ordered collection of values?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"javascript-data-structure-ordered-collection\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"An array is a JavaScript data structure that stores an ordered collection of values.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Object\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"An object is a JavaScript data structure that stores a collection of key-value pairs.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"String\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A string is a JavaScript data structure that stores a sequence of characters.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Number\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A number is a JavaScript data structure that stores a numeric value.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\u003ch1\u003e Element\",\n \"text\": \"In HTML, which element is used to create a large, prominent heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\u003ch1\u003e Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cp\u003e element is used for paragraphs, not headings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e is the correct element for creating a large, prominent heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cdiv\u003e element is used for creating generic divisions or sections, not headings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cspan\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cspan\u003e element is used for inline styling, not headings.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"html-heading-element\",\n \"text\": \"Which HTML element is specifically used to denote a heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"html-heading-element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cheader\u003e element represents a container for introductory content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ch1\u003e element represents a heading of level 1.\"\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 specifies the title of the document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e element contains metadata about the document.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"css-margin-purpose\",\n \"text\": \"What is the primary purpose of the CSS property 'margin'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"css-margin-purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To add spacing around 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 add spacing around an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'margin' property adds spacing around an element, affecting its position in the layout.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To alter font size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-size' property is used to alter the font size of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To set 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.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define element positioning\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' property is used to define the positioning of an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Event Handling\",\n \"text\": \"Which JavaScript event handler is utilized to detect mouse clicks?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Event Handling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onClick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onClick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onClick is the correct event handler for detecting mouse clicks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onMouseEnter\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onMouseEnter is used for detecting when the mouse enters an element, not for clicks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onKeyPress\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onKeyPress is used for detecting key presses, not mouse clicks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onChange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onChange is used for detecting changes in form elements, not mouse clicks.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"Explain the fundamental difference between 'div' and 'span' elements in HTML.\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A 'div' creates a block-level element, while a 'span' creates 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\": \"A 'div' creates a block-level element, while a 'span' creates an inline element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'div' creates a block-level element that takes up the full width available, while a 'span' creates an inline element that only takes up the space needed for its content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"A 'span' creates a block-level element, while a 'div' creates an inline element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"It's the other way around. A 'div' creates a block-level element, while a 'span' creates an inline element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Both 'div' and 'span' create block-level elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'div' creates a block-level element, while a 'span' creates an inline element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Both 'div' and 'span' create inline elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'div' creates a block-level element, while a 'span' creates an inline element.\"\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 unit is employed to specify a fixed width or height?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\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\": \"em is used for relative sizing based on the font size of the parent element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"%\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"% is used for specifying a percentage of the containing element's size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"rem\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"rem is used for relative sizing based on the root font size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"px\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"px is used for specifying an absolute fixed width or height in pixels.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Styling\",\n \"text\": \"What is the intended purpose of the 'flexbox' property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Creation of flexible layout systems\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Creation of flexible layout systems\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'flexbox' property allows for the creation of flexible and responsive layout systems that can adapt to different screen sizes and devices.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Setting element position\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'flexbox' property is not primarily used for setting element position. It's used for creating flexible layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Defining element background color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'flexbox' property is not used for defining element background color. It's used for creating flexible layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Changing element font size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'flexbox' property is not used for changing element font size. It's used for creating flexible layouts.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Attribute\",\n \"text\": \"In an HTML 'img' element, what does the 'src' attribute specify?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Attribute\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Source of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Source of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'src' attribute specifies the path to the image file.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Size of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'size' attribute is not used in the 'img' element to specify the size of the image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Alternative text for the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'alt' attribute is used to specify alternative text for the image, not the 'src' attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Positioning of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' attribute is not used in the 'img' element to specify the positioning of the image.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Element\",\n \"text\": \"Which HTML element defines the document's header and metadata?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Element\",\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 the document's header and metadata information.\"\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' element is used to define a header section within the document's body, not the header of the document itself.\"\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 main content of the document, not the header or metadata.\"\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' element defines the title of the document, which is part of the header but not the entire header.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Property\",\n \"text\": \"In CSS, what property is used to align text horizontally to the center?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"text-align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"text-align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'text-align' property is used to align text horizontally.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'align' property is not used in CSS to align text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"center-text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'center-text' property is not a valid CSS property.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"horizontal-align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'horizontal-align' property is not a valid CSS property.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Event\",\n \"text\": \"Which JavaScript event is triggered when a user interacts with an element by clicking on it?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Event\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onclick' event is triggered when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onhover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onhover' event is triggered when the mouse hovers over an element, not when it is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onfocus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onfocus' event is triggered when an element gains focus, not when it is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onchange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onchange' event is triggered when the value of an element changes, not when it is clicked.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose of Media Queries\",\n \"text\": \"What is the primary purpose of using CSS media queries?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose of Media Queries\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To apply styles based on device characteristics or screen size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To apply styles based on device characteristics or screen size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries allow you to target specific devices or screen sizes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create responsive layouts\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While media queries can be used to create responsive layouts, that's not their primary purpose.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To improve accessibility\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries are not primarily used for accessibility.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To enhance performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries do not directly enhance performance.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Invalid HTML Element\",\n \"text\": \"Which of the following is an invalid HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Invalid HTML Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ccss\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdiv\u003e is a valid HTML element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cscript\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cscript\u003e is a valid HTML element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cbutton\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cbutton\u003e is a valid HTML element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ccss\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ccss\u003e is not a valid HTML element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Distinction Between Block-Level and Inline-Level Elements\",\n \"text\": \"What is the key distinction between block-level and inline-level elements in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Distinction Between Block-Level and Inline-Level Elements\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Block-level elements begin on a new line, while inline elements flow within the current line\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Block-level elements begin on a new line, while inline elements flow within the current line\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Block-level elements start on a new line, while inline elements flow within the current line.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Block-level elements cannot have a specified width or height, while inline elements can\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both block-level and inline elements can have specified width and height.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Inline-level elements are inherently transparent, unlike block-level elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Transparency is not an inherent property of block-level or inline-level elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Block-level elements are always statically positioned, while inline elements can be positioned\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both block-level and inline elements can be positioned.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Obtaining Input Element Value in JavaScript\",\n \"text\": \"In JavaScript, which function is used to obtain the value of an HTML input element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Obtaining Input Element Value in JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"value()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"getValue()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'getValue()' function in JavaScript for input elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"getInputValue()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'getInputValue()' function in JavaScript for input elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"getElementValue()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'getElementValue()' function in JavaScript for input elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"value()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'value()' function is used to obtain the value of an HTML input element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Version Control Concepts\",\n \"text\": \"What is the main purpose of using version control in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Version Control Concepts\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To track code changes and facilitate collaboration\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To track code changes and facilitate collaboration\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Version control allows multiple developers to work on the same project simultaneously, track changes, and collaborate effectively.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create backups of website files\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While version control can be used for backup purposes, its primary focus is on tracking code changes and enabling collaboration.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To improve website performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Version control does not directly impact website performance. It is used for managing code changes and facilitating collaboration.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To protect against cyber threats\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Version control is not primarily designed for cybersecurity. It is used for tracking code changes and enabling collaboration.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Media Query Advantages\",\n \"text\": \"What is a key advantage of using media queries in responsive web design?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Media Query Advantages\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Optimizing website layout for different screen sizes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Optimizing website layout for different screen sizes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries allow you to adjust the layout of your website based on the screen size of the device accessing it.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Improving website loading speed\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries do not directly impact website loading speed.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Lowering website maintenance costs\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries do not directly reduce website maintenance costs.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Enhancing website interactivity\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries primarily focus on layout adjustments, not interactivity.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"In HTML, which element represents the main content of a webpage?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cbody\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 contains the main content of the webpage, including text, images, and other elements.\"\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 metadata and information about the webpage, not the main content.\"\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 webpage, not the main content.\"\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 contains footer information, not the main content of the webpage.\"\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 sets the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling\",\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 is used to set the background color of an HTML element.\"\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 sets the color of the text, not the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bgcolor' property is an outdated attribute and should not be used. Use 'background-color' instead.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"bg-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bg-color' property is not a valid CSS property. Use 'background-color' instead.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript DOM Manipulation\",\n \"text\": \"What is the primary purpose of the JavaScript function `document.getElementById()`?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript DOM Manipulation\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Retrieves an element by its unique ID\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Retrieves an element by its unique ID\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `document.getElementById()` function returns the element with the specified ID from the HTML document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Sets the innerHTML property of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `innerHTML` property is set using the assignment operator, not the `document.getElementById()` function.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Adds an event listener to an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Event listeners are added using the `addEventListener()` method, not the `document.getElementById()` function.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Creates a new HTML element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"New HTML elements are created using the `createElement()` method, not the `document.getElementById()` function.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Heading Element\",\n \"text\": \"Which semantic HTML element is used to create a heading within a webpage?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Heading Element\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch3\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch3\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch3\u003e is the correct HTML element for creating a heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cp\u003e is used for paragraphs, not headings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdiv\u003e is used for creating divisions, not headings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cspan\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cspan\u003e is used for inline elements, not headings.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class and ID Selector Difference\",\n \"text\": \"In CSS, what is the key difference between a class and an ID selector?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class and ID Selector Difference\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Classes can be applied to multiple elements, while IDs are unique.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Classes can be applied to multiple elements, while IDs are unique.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Classes can be applied to multiple elements, while IDs are unique to a single element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Classes are used for styling, while IDs are used for identifying elements.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both classes and IDs can be used for styling and identifying elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"IDs can be used in JavaScript, while classes cannot.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both classes and IDs can be used in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"There is no difference between classes and IDs.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Classes and IDs have distinct purposes and usage in CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP Success Status Code\",\n \"text\": \"Which HTTP status code indicates successful processing of a request?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP Success Status Code\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200 OK\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200 OK\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"200 OK indicates that the request was processed successfully.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"301 Moved Permanently\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"301 Moved Permanently indicates that the resource has been permanently moved to a new location.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"404 Not Found\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"404 Not Found indicates that the requested resource could not be found.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"500 Internal Server Error\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"500 Internal Server Error indicates that the server encountered an error while processing the request.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Meta Element Purpose\",\n \"text\": \"What is the primary purpose of the `\u003cmeta\u003e` element in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Meta Element Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To provide metadata about the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To provide metadata about the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cmeta\u003e` element provides metadata about the webpage, such as its title, description, and author.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the website's title\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While the `\u003cmeta\u003e` element can contain the website's title, its primary purpose is to provide metadata.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To set the page's background color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cmeta\u003e` element does not set the page's background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To create a link to another webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `\u003cmeta\u003e` element is not used to create links.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Event Handling\",\n \"text\": \"In JavaScript, which event occurs when a user clicks on an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Event Handling\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onclick' event is triggered when a user clicks on an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onhover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onhover' event is triggered when a user hovers over an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onchange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onchange' event is triggered when the value of an element changes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onkeypress\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onkeypress' event is triggered when a user presses a key on the keyboard.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development Tools\",\n \"text\": \"What is a primary advantage of using a content management system (CMS) for website development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development Tools\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Simplifies website creation and management\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Simplifies website creation and management\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CMSs provide user-friendly interfaces and tools that simplify website creation and management, making it accessible to non-technical users.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhances website security\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While some CMSs offer security features, they do not inherently enhance website security. Security measures should be implemented separately.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Optimizes website performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CMSs can affect website performance, but optimization requires additional measures such as caching and code optimization.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Provides advanced customization options\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CMSs typically offer limited customization options compared to custom-built websites.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development Best Practices\",\n \"text\": \"Which practice is not recommended for creating accessible websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development Best Practices\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Using a cluttered layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Using appropriate heading tags (e.g., \u003ch1\u003e, \u003ch2\u003e)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Heading tags (\u003ch1\u003e, \u003ch2\u003e, etc.) are essential for organizing content and improving accessibility for screen readers.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Providing alternative text for images\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Alternative text provides descriptions of images for users who cannot see them, enhancing accessibility.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Using a cluttered layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Cluttered layouts can make it difficult for users to navigate and access information, especially for those with disabilities.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Using clear and concise language\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Clear and concise language is crucial for accessibility, ensuring that content is easily understandable by all users.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Basics\",\n \"text\": \"In an HTML document, which element defines the main content of the document?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Basics\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cbody\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 and information about the document, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cbody\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cbody\u003e element contains the main content of the document, including text, images, and other elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cheader\u003e element typically contains introductory content, such as a logo or navigation 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 typically contains supplementary content, such as copyright information or contact details.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Property\",\n \"text\": \"Which CSS property determines the color of the text in an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\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\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property sets the color of the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-size' property sets the size of the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"font-family\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-family' property sets the font of the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property sets the background color of the element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Git Command\",\n \"text\": \"Which Git command is used to commit changes to the local repository?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Git Command\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"git commit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"git add\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git add' command stages changes for commit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"git commit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git commit' command creates a snapshot of the changes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"git push\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git push' command pushes changes to a remote repository.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"git pull\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git pull' command fetches changes from a remote repository.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP Status Code\",\n \"text\": \"Which HTTP status code indicates that the requested page was not found?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP Status Code\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"200 indicates a successful request.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"404 indicates that the requested page was not found.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"500\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"500 indicates an internal server error.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"301\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"301 indicates a permanent redirect.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Server\",\n \"text\": \"What is the primary purpose of a web server in the context of web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Server\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To host and deliver web pages to clients\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To host and deliver web pages to clients\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers serve web pages to clients.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To manage user accounts and authentication\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers do not typically handle user accounts and authentication.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To perform complex data processing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers are not primarily designed for complex data processing.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To provide a graphical user interface for web developers\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers do not provide a graphical user interface for web developers.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Selectors\",\n \"text\": \"What is the difference between a class and an ID in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Selectors\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A class can be applied to multiple elements, while an ID can only be applied to one element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A class can be applied to multiple elements, while an ID can only be applied to one element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A class is used for styling multiple elements, while an ID is used for styling a unique element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"An ID can be applied to multiple elements, while a class can only be applied to one element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"An ID can only be applied to one element, while a class can be applied to multiple elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"A class is used for styling elements based on their appearance, while an ID is used for styling elements based on their functionality\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both classes and IDs can be used for styling elements based on their appearance and functionality.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"An ID is used for styling elements based on their appearance, while a class is used for styling elements based on their functionality\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both classes and IDs can be used for styling elements based on their appearance and functionality.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"line-height\",\n \"text\": \"In CSS, which property determines the vertical space between lines of text?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"line-height\",\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\": \"That's right! 'line-height' sets the vertical space between lines of text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"text-align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'text-align' aligns text horizontally, not vertically.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'font-size' sets the size of the text, not the line spacing.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'color' sets the color of the text, not the line spacing.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"In the context of web accessibility, which of the following is NOT an advantage of utilizing ARIA attributes?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"ARIA attributes can fully replace the need for visual cues.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"ARIA attributes provide semantic information to assistive technologies.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"ARIA attributes enable the creation of custom widgets and controls.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"ARIA attributes can fully replace the need for visual cues.\",\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\": \"Grid Systems\",\n \"text\": \"In responsive web design, which layout technique is widely used?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Grid Systems\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grids\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Grids\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Grids are widely used in responsive web design because they allow for flexible layouts that adapt to different screen sizes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Floats\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Floats are not commonly used in responsive web design as they can lead to layout issues on different screen sizes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Tables\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Tables are not suitable for responsive web design as they can result in poor layout and readability on smaller screens.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Forms\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Forms are not a layout technique and are primarily used for collecting user input.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Elements\",\n \"text\": \"Which HTML element is utilized for defining the main title of a webpage?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Elements\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\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 contains the main content of the document, not the title.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ch1\u003e element is used to define the main title or heading of a webpage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e element contains metadata about the document, not the main title.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Properties\",\n \"text\": \"In CSS, which property is employed to regulate a webpage's background color?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Properties\",\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\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property sets the color of text, not the background.\"\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-related 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\": \"bg-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bg-color' property is not a valid CSS property for setting background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"onclick\",\n \"text\": \"In JavaScript, which event occurs when a user interacts with an HTML element by clicking on it?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"onclick\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onclick' event is triggered when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onhover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onhover' event is triggered when the mouse hovers over an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onload' event is triggered when the page is loaded.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onkeydown\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onkeydown' event is triggered when a key is pressed.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Git\",\n \"text\": \"Which is a tool commonly used in web development for managing code versions and facilitating collaboration?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Git\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Git\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Microsoft Visual Studio\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Microsoft Visual Studio is an IDE, not a version control tool.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Figma\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Figma is a design tool, not a version control tool.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Adobe Dreamweaver\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Adobe Dreamweaver is a web development tool, not a version control tool.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Git\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Git is a version control system used for managing code versions and collaboration.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Responsive Design\",\n \"text\": \"Responsive design in web development primarily aims to achieve which of the following objectives?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Responsive Design\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ensuring websites adapt to various screen sizes and devices.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improving website accessibility\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive design focuses on adapting to different screen sizes, not accessibility.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhancing website performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive design is not primarily concerned with performance optimization.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Ensuring websites adapt to various screen sizes and devices.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive design aims to create websites that adjust to different screen sizes and devices.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Link CSS\",\n \"text\": \"Which HTML tag is used to establish a connection to an external CSS file?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Link CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003clink rel=\\\"stylesheet\\\" href=\\\"stylesheet.css\\\"\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 rel=\\\"stylesheet\\\" href=\\\"stylesheet.css\\\"\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u003clink\u003e' tag with 'rel=\\\"stylesheet\\\"' establishes a connection to an external CSS file.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ccss src=\\\"stylesheet.css\\\"\u003e\u003c/css\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is not a valid HTML tag for linking to a CSS file.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cimport src=\\\"stylesheet.css\\\"\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u003cimport\u003e' tag is not supported in HTML5.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cstyle src=\\\"stylesheet.css\\\"\u003e\u003c/style\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u003cstyle\u003e' tag is used to define inline CSS, not to link to an external CSS file.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Purpose\",\n \"text\": \"What is the main purpose of using JavaScript in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To enhance websites with interactive features and dynamic content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To enhance websites with interactive features and dynamic content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript is primarily used to add interactivity and dynamic behavior to web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To beautify the visual appearance of websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While CSS is responsible for styling and appearance, JavaScript focuses on functionality.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To structure and organize website content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML is used for structuring and organizing content, not JavaScript.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class Selector\",\n \"text\": \"In CSS, which selector is used to target elements based on a specific class attribute?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class Selector\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\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 period (.) in CSS selectors represents a class attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"$class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The dollar sign ($) is used in jQuery, not CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"@class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The at sign (@) is used for rules and directives, not selectors.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"#class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The hash (#) is used for ID attributes, not class attributes.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Alt Attribute\",\n \"text\": \"In HTML, what is the primary function of the \\\"alt\\\" attribute when used with images?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Alt Attribute\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To provide alternative information for screen readers and search engines.\",\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 width of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \\\"width\\\" attribute is used to set the width of an image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To provide alternative information for screen readers and search engines.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \\\"alt\\\" attribute provides a text alternative for images, aiding accessibility and SEO.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To define the height of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \\\"height\\\" attribute is used to set the height of an image.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Single-Page Application Framework\",\n \"text\": \"Which web development framework is widely utilized for building single-page applications?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Single-Page Application Framework\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"ASP.NET\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"ASP.NET is a server-side framework, not primarily used for single-page applications.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Bootstrap\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Bootstrap is a CSS framework, not a full-fledged framework for building single-page applications.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"React is a popular JavaScript framework specifically designed for building interactive single-page applications.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"WordPress\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"WordPress is a content management system, not a framework for building single-page applications.\"\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\":\"{\\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/university-of-applied-sciences/\\\",\\n \\\"name\\\": \\\"University of Applied Sciences\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 2,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university-of-applied-sciences/informatik/\\\",\\n \\\"name\\\": \\\"Information Technology\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 3,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university-of-applied-sciences/informatik/web-development/\\\",\\n \\\"name\\\": \\\"Web Development\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 4,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university-of-applied-sciences/informatik/web-development/building-a-simple-website/\\\",\\n \\\"name\\\": \\\"Building a Simple Website\\\"\\n }\\n }\\n ]\\n}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$14\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"Build a Simple Website: A Step-by-Step Guide for Beginners\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"building a website,web development,HTML,CSS,JavaScript,beginner-friendly,step-by-step guide\\\",\\n \\\"description\\\": \\\"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\\\",\\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}\"}}],\"$L15\"]\n"])</script><script>self.__next_f.push([1,"16: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\"]\n18: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_\"]\n19: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\"]\n1b: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_\"]\n17:Teed,"])</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 defines the main content of a web page?\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\u003cbody\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\u003chead\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\u003chtml\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,"1c:T555,\nwindow.serverTime = 1733129394401; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website?v=1','/api/tdoc/question/mcq12595279?v=1','/api/tdoc/topic/219700?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/university-of-applied-sciences?v=1','/api/tdoc/path/auto.us/university-of-applied-sciences/informatik?v=1','/api/tdoc/path/auto.us/university-of-applied-sciences/informatik/web-development?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,"15:[\"$\",\"$L16\",null,{\"topicTransfer\":{\"pathURI\":\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"topic\":{\"id\":219700,\"countryISO\":\"US\",\"pathURI\":\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"pathURI_labels\":\"United States of America/University of Applied Sciences/Information Technology/Web Development/Building a Simple Website\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.us\",\"countryLabel\":\"United States of America\",\"countryLabelEnglish\":\"\",\"countryConcise\":\"\",\"schoolTypeURL\":\"university-of-applied-sciences\",\"schoolTypeLabel\":\"University of Applied Sciences\",\"schoolTypeConcise\":\"UAS\",\"schoolTypeCategory\":\"TertiaryEducation\",\"scholarGroupURL\":\"informatik\",\"scholarGroupLabel\":\"Information Technology\",\"scholarGroupConcise\":\"Informatik\",\"subjectURL\":\"web-development\",\"subjectLabel\":\"Web Development\",\"subjectConcise\":\"WD\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"building-a-simple-website\",\"stepLabel\":\"Building a Simple Website\",\"topicLabel\":\"Building a Simple Website\",\"topicConcise\":\"Create a Basic Website\",\"topicDescription\":\"This unit provides a hands-on approach to building a simple website using HTML, CSS, and JavaScript. Students will learn the basics of web development and gain practical experience in creating a functional website.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"HTML,CSS,JavaScript,Web Development,Website Design,Beginner-Friendly,Step-by-Step Guide\",\"unitCommonExamQuestions\":\"What are the basic elements of HTML?,How do you use CSS to style web pages?,What is JavaScript and how is it used in web development?,How do you create a responsive website?,What are the best practices for website accessibility?\",\"unitSubtopicsForExams\":\"HTML Structure and Semantics,CSS Selectors and Properties,JavaScript Fundamentals,Responsive Web Design,Website Accessibility\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":{\"didacticalIntension\":\"Evaluate students' understanding of accessibility considerations in web development.\",\"subtopicTag\":\"Web Accessibility\",\"questionText\":\"Which of the following is a best practice for ensuring website content can be easily accessed by users with disabilities?\"},\"reasoning\":\"Accessibility is a crucial aspect of web development, and testing students' knowledge of best practices is essential for creating inclusive websites.\"},{\"idea\":{\"didacticalIntension\":\"Assess students' understanding of the role of user experience (UX) design in web development.\",\"subtopicTag\":\"Web User Experience\",\"questionText\":\"Explain the importance of user experience (UX) design in the development of websites. Discuss the principles and techniques involved in creating a positive UX.\"},\"reasoning\":\"UX design is essential for creating websites that are both visually appealing and easy to navigate, which is crucial for user satisfaction and engagement.\"},{\"idea\":{\"didacticalIntension\":\"Test students' knowledge of version control concepts.\",\"subtopicTag\":\"Version Control\",\"questionText\":\"Describe the benefits of using a version control system (VCS) in web development. Explain how VCS can help manage and track changes to a website's codebase.\"},\"reasoning\":\"Version control is a vital tool for collaborative web development, enabling multiple developers to work on the same project efficiently.\"}],\"positionIndex\":9,\"aiQuestionCount\":55,\"editorialQuestionCount\":0,\"questionsCount\":55,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":50,\"typicalAge\":18,\"lowerAge\":18,\"upperAge\":30,\"platformLangISOCode\":\"en\",\"platformLangNativeName\":\"English\",\"platformLangEnglishName\":\"English\",\"platformLangDialectName\":\"\",\"platformLangLocalCode\":\"en-US\",\"contentLangISOCode\":\"\",\"contentLangNativeName\":\"\",\"contentLangPlatformName\":\"\",\"contentLangEnglishName\":\"\",\"contentLangDialectName\":\"\",\"contentLangLocalCode\":\"\",\"populationEstimate\":25000,\"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\":\"Build a Simple Website: A Step-by-Step Guide for Beginners\",\"seoMetaDescription\":\"Learn the fundamentals of web development by building a simple website from scratch using HTML, CSS, and JavaScript. This beginner-friendly guide will teach you everything you need to know to create a functional and visually appealing website.\",\"seoMetaKeywords\":\"building a website,web development,HTML,CSS,JavaScript,beginner-friendly,step-by-step guide\",\"geminiTagArray\":[],\"lastDuplicateCheck\":\"$D2024-04-30T20:29:13.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-04-30T15:20:04.000Z\",\"metaWeeklyAt\":\"$D2024-11-27T18:15:07.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-04-30T07:50:34.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-04-30T07:50:34.000Z\",\"path\":\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"pathname\":\"United States of America/University of Applied Sciences/Information Technology/Web Development/Building a Simple Website\",\"name\":\"Building a Simple Website\",\"genType\":1,\"topicContextTitle\":\"Web Development Projects\",\"parentPathURI\":\"auto.us/university-of-applied-sciences/informatik/web-development\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"university-of-applied-sciences/informatik/web-development/building-a-simple-website\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq12595279\",\"type\":\"question\",\"topic_id\":219700,\"pathURI\":\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"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\":\"$17\",\"text\":\"Which HTML element defines the main content of a web page?\",\"isoLanguageCode\":\"en\",\"accepted\":0,\"subtopicTag\":\"HTML Structure\",\"microtopicTag\":\"\",\"questionSubtag\":\"HTML\",\"skillTag\":\"Web Development Fundamentals\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"Test understanding of basic HTML structure.\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":10,\"aiExamRelevanceScore\":80,\"aiCurriculumAlignmentScore\":90,\"aiLanguageComplexityScore\":10,\"aiOverallQualityScore\":90,\"seoMetaTitle\":\"What HTML Element Defines the Main Content of a Web Page?\",\"seoMetaDescription\":\"Learn about the HTML element that defines the main content of a web page, its purpose, and how to use it effectively.\",\"seoMetaKeywords\":\"HTML, web development, main content, \u003cbody\u003e element\",\"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\":12595279,\"mcq\":{\"id\":12595279,\"topic_id\":219700,\"deploy_id\":12579764,\"pathURI\":\"auto.us/university-of-applied-sciences/informatik/web-development/building-a-simple-website\",\"pathURI_labels\":\"United States of America/University of Applied Sciences/Information Technology/Web Development/Building a Simple Website\",\"questionText\":\"Which HTML element defines the main content of a web page?\",\"numOptions\":4,\"optionText1\":\"\u003chead\u003e\",\"optionText2\":\"\u003cbody\u003e\",\"optionText3\":\"\u003ctitle\u003e\",\"optionText4\":\"\u003chtml\u003e\",\"isCorrect1\":0,\"isCorrect2\":1,\"isCorrect3\":0,\"isCorrect4\":0,\"reasoning1\":\"\",\"reasoning2\":\"\",\"reasoning3\":\"\",\"reasoning4\":\"\",\"feedbackText1\":\"\",\"feedbackText2\":\"\",\"feedbackText3\":\"\",\"feedbackText4\":\"\",\"explanationHint\":\"\",\"explanationTheory\":\"\",\"explanationKeyfacts\":\"\",\"explanationRetrospective\":\"\",\"didacticalIntension\":\"Test understanding of basic HTML structure.\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"en\",\"countryLabel\":\"United States of America\",\"schoolTypeLabel\":\"University of Applied Sciences\",\"scholarGroupLabel\":\"Information Technology\",\"subjectLabel\":\"Web Development\",\"topicLabel\":\"Building a Simple Website\",\"creationTag\":\"HTML Structure\",\"subtopicTag\":\"HTML Structure\",\"microtopicTag\":\"\",\"questionTag\":\"HTML\",\"skillTag\":\"Web Development Fundamentals\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":18,\"lowerAge\":18,\"upperAge\":30,\"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\":90,\"languageComplexityScore\":10,\"overallQualityScore\":90,\"checkQuality\":\"\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"What HTML Element Defines the Main Content of a Web Page?\",\"seoMetaDescription\":\"Learn about the HTML element that defines the main content of a web page, its purpose, and how to use it effectively.\",\"seoMetaKeywords\":\"HTML, web development, main content, \u003cbody\u003e element\",\"searchKeywords\":\"\",\"areVectorsIndexed\":2,\"generationFlag\":-60,\"updatedAt\":\"$D2024-05-14T00:51:22.000Z\",\"deployedAt\":\"$D2024-05-01T07:50:09.000Z\",\"feedbackTiny1\":\"Not quite.\",\"feedbackTiny2\":\"Well done!\",\"feedbackTiny3\":\"Try again.\",\"feedbackTiny4\":\"Not quite.\",\"feedbackShort1\":\"The \u003chead\u003e element contains metadata about the page, not the main content.\",\"feedbackShort2\":\"The \u003cbody\u003e element contains the main content of the web page.\",\"feedbackShort3\":\"The \u003ctitle\u003e element defines the title of the web page, not the main content.\",\"feedbackShort4\":\"The \u003chtml\u003e element is the root element of the web page, not the main content.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":1862380,\"d\":0.01},{\"id\":12278006,\"d\":0.01},{\"id\":12579764,\"d\":0.02},{\"id\":3975016,\"d\":0.02},{\"id\":464414,\"d\":0.03},{\"id\":8965191,\"d\":0.04},{\"id\":12404273,\"d\":0.04},{\"id\":716067,\"d\":0.06},{\"id\":7647784,\"d\":0.06},{\"id\":7687404,\"d\":0.07},{\"id\":1967569,\"d\":0.08},{\"id\":6016967,\"d\":0.08},{\"id\":765521,\"d\":0.09},{\"id\":5703841,\"d\":0.09},{\"id\":416608,\"d\":0.11},{\"id\":4495990,\"d\":0.11}],\"similarSearchedAt\":\"$D2024-08-20T00:08:27.000Z\",\"optionsArray\":[\"\u003chead\u003e\",\"\u003cbody\u003e\",\"\u003ctitle\u003e\",\"\u003chtml\u003e\"],\"correctOptionsArray\":[\"\u003cbody\u003e\"],\"distractorOptionsArray\":[\"\u003chead\u003e\",\"\u003ctitle\u003e\",\"\u003chtml\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":6,\"maxOptionLength\":7,\"questionTextLength\":58,\"averageReadLength\":32,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"T80ExV\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"6oVuBR\",\"type\":\"aspect\",\"traits\":[{\"id\":\"-BqLxL\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"wqk3Po\",\"type\":\"aspect\",\"traits\":[{\"id\":\"a3QbR8\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Which HTML element defines the main content of a web page?\"}]},\"inner\":{\"id\":\"xRi95V\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"A4dhxA\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"9tpAkR\",\"type\":\"aspect\",\"traits\":[{\"id\":\"m2rBXZ\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"QJmPTe\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"MXX-eP\",\"type\":\"aspect\",\"traits\":[{\"id\":\"z-HTvK\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"WwZS6D\",\"type\":\"aspect\",\"traits\":[{\"id\":\"JRL-o0\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"hQ1pvx\",\"type\":\"aspect\",\"traits\":[{\"id\":\"1DggGA\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003chead\u003e element contains metadata about the page, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"VGtGa5\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"lBnWHa\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Eiwt5I\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"SPAXJR\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"e9gQn4\",\"type\":\"aspect\",\"traits\":[{\"id\":\"inpV7a\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cbody\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"SzySkP\",\"type\":\"aspect\",\"traits\":[{\"id\":\"j0wEve\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"Oz5kI9\",\"type\":\"aspect\",\"traits\":[{\"id\":\"QRFiuJ\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Well done!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"vEIB0T\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"BjQgS6\",\"type\":\"aspect\",\"traits\":[{\"id\":\"blj25S\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"4jac9V\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"8dXi9k\",\"type\":\"aspect\",\"traits\":[{\"id\":\"uVEFLP\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"fEl-Tl\",\"type\":\"aspect\",\"traits\":[{\"id\":\"y9d5sm\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"BLGdxG\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zV17WH\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003ctitle\u003e element defines the title of the web page, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"axxeV2\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"ny6Z-h\",\"type\":\"aspect\",\"traits\":[{\"id\":\"wuonAu\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"91ok-x\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"cAhmHn\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zsz0_D\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chtml\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"4PIghf\",\"type\":\"aspect\",\"traits\":[{\"id\":\"cLC21T\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"JSwuMx\",\"type\":\"aspect\",\"traits\":[{\"id\":\"gfHHBL\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003chtml\u003e element is the root element of the web page, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"Which HTML element defines the main content of a web page?\",\"options\":[{\"optionText\":\"\u003chead\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003cbody\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003ctitle\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003chtml\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\":[[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{\"fallback\":\"$L1a\"}],[\"$\",\"$L1b\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$1c\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":1150481,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast1150481@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-12-02T08:49:54.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2024-12-02T08:49:54.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-12-02T08:49:54.000Z\",\"updatedAt\":\"$D2024-12-02T08:49:54.000Z\",\"accessedAt\":\"$D2024-12-02T08:49:54.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"United States of America\",\"instanceURI\":\"auto.us\",\"instanceDomainMiddle\":\"clevermind\",\"instanceDomainEnding\":\"uk\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"1d:Teed,"])</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 defines the main content of a web page?\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\u003cbody\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\u003chead\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\u003chtml\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,"1a:[\"$\",\"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\":\"$1d\"}}],[\"$\",\"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\":[\"Web Development\",\" \",\"$L1e\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1e:\"Exercises are loading\"\n"])</script></body></html>
