</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><h1></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 = 1743970876364; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.us/vocational-academy/information-technology/web-development/static-website-development?v=1','/api/tdoc/question/mcq12579764?v=1','/api/tdoc/topic/202835?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/vocational-academy?v=1','/api/tdoc/path/auto.us/vocational-academy/information-technology?v=1','/api/tdoc/path/auto.us/vocational-academy/information-technology/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-1737450419187-eafdefc7a4408c6e.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[15244,[],\"\"]\n3:I[43866,[],\"\"]\n4:I[86213,[],\"MetadataBoundary\"]\n9:I[86213,[],\"OutletBoundary\"]\nc:I[86213,[],\"ViewportBoundary\"]\ne:I[34835,[],\"\"]\n:HL[\"/_next/static/css/9b2882561b1dc286.css\",\"style\"]\n:HL[\"/_next/static/css/f6b880dae9c249af.css\",\"style\"]\n:HL[\"/_next/static/css/87ca01d9795f9785.css\",\"style\"]\n:HL[\"/_next/static/css/87f8a2caf02bed43.css\",\"style\"]\n:HL[\"/_next/static/css/917fb7c3fee611d1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"1737450418787-rqoslx\",\"p\":\"\",\"c\":[\"\",\"learn\",\"auto.us\",\"vocational-academy\",\"information-technology\",\"web-development\",\"static-website-development\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en-GB\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",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.\"}]}]]}]}]],[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L5\"}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"locale\",\"en-GB\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/9b2882561b1dc286.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L6\"]}],{\"children\":[\"learn\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"c\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[\"$L7\",[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L8\"}]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f6b880dae9c249af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87ca01d9795f9785.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87f8a2caf02bed43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/917fb7c3fee611d1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$La\",\"$Lb\"]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false],[[\"$\",\"$1\",\"v\",{\"children\":[null,[\"$\",\"$1\",\"80vSj5f6EmVr43ow77AHi\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],null]}]]}],null],false]],\"m\":\"$undefined\",\"G\":[\"$e\",\"$undefined\"],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1\"}]]\na:null\n"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"title\",\"0\",{\"children\":\"Master Static Website Development: A Comprehensive Guide for Beginners\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"quizlearn.app\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Static Website Development,HTML,CSS,JavaScript,Web Development,Vocational Academy,Information Technology\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow, nocache\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://www.quizlearn.app/us/vocational-academy/information-technology/web-development/static-website-development\"}],[\"$\",\"meta\",\"8\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://www.quizlearn.app/learn/auto.us/vocational-academy/information-technology/web-development/static-website-development\"}],[\"$\",\"meta\",\"9\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Schlaukopf\"}],[\"$\",\"link\",\"11\",{\"href\":\"/assets/startup/apple-touch-startup-image-768x1004.png\",\"media\":\"$undefined\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"12\",{\"href\":\"/assets/startup/apple-touch-startup-image-1536x2008.png\",\"media\":\"(device-width: 768px) and (device-height: 1024px)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"Static Website Development - Web Development Information Technology\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:url\",\"content\":\"https://www.quizlearn.app\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:site_name\",\"content\":\"Quizlearn\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image\",\"content\":\"https://www.quizlearn.app/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Static Website Development - Web Development Information Technology\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://www.quizlearn.app/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/images/android-icon-192x192.png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-144x144.png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-120x120.png\",\"sizes\":\"120x120\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/apple-touch-icon.png\"}]]\n"])</script><script>self.__next_f.push([1,"8:\"$5\"\nb:null\n"])</script><script>self.__next_f.push([1,"f:T1987d,"])</script><script>self.__next_f.push([1,"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Quiz\",\n \"typicalAgeRange\": \"16-22\",\n \"educationalLevel\": \"intermediate\",\n \"assesses\": \"\",\n \"educationalAlignment\": [\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalSubject\",\n \"targetName\": \"Web Development\",\n \"educationalFramework\": \"Vocational Academy\",\n \"targetDescription\": \"Vocational Academy Information Technology Web Development, \",\n \"targetUrl\": \"/auto.us/vocational-academy/information-technology/web-development\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Information Technology\"\n }\n ],\n \"name\": \"Master Static Website Development: A Comprehensive Guide for Beginners\",\n \"description\": \"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Static Website Development\",\n \"description\": \"This unit introduces the fundamentals of static website development using HTML, CSS, and JavaScript. Students will learn how to create visually appealing and functional websites.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Element Identification\",\n \"text\": \"In HTML, which element is responsible for defining the main content of a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Element Identification\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\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\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e element defines the title of the page, not the main content.\"\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 page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ch1\u003e element is used for headings, not the main content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Property Usage\",\n \"text\": \"What is the primary purpose of using the CSS property 'display: flex;'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Property Usage\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To align elements horizontally\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To align elements vertically\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is used for horizontal alignment, not vertical.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To align elements horizontally\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property allows you to align elements horizontally.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To make elements responsive\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is not primarily used for responsiveness.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To hide elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is used for alignment, not hiding elements.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Event Identification\",\n \"text\": \"Which JavaScript event is triggered when a user clicks on an HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Event Identification\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\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\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onload' event is triggered when the page loads, not when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onclick' event is specifically designed to respond to clicks on 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 input element changes, not when it is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\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 },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Browser Identification\",\n \"text\": \"What is the primary function of a web browser?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Browser Identification\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To render and display web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To render and display web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers are designed to interpret and display web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create and edit web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers can be used to view and interact with web pages, but not primarily to create or edit them.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To store and manage web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers do not typically store or manage web pages; they retrieve and display them.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To transfer web pages between devices\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers are not primarily responsible for transferring web pages between devices.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"Which HTML attribute is used to set the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"bgcolor\",\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' attribute sets the text color, not the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bgcolor' attribute sets the background color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background' property is used in CSS, not HTML, to set the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"style\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'style' attribute is used to apply inline CSS, not specifically to set the background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"What is the key distinction between a CSS class and an ID?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\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 identifiers for a single element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"IDs can be applied to multiple elements, while classes are unique.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"IDs are unique identifiers, while classes can be applied to multiple elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Classes have higher priority than IDs\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"IDs have higher priority than classes in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"IDs have higher priority than classes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"IDs have higher priority than classes in CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Git\",\n \"text\": \"What is the primary purpose of the Git command 'git add'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Git\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To prepare changes to be included in the next commit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To prepare changes to be included in the next commit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git add' command stages changes, preparing them to be included in the next commit.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To commit changes to the local repository\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git commit' command commits changes to the local repository.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To push changes to the remote repository\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git push' command pushes changes to the remote repository.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To view the history of changes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'git log' command is used to view the history of changes.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development\",\n \"text\": \"Which web development framework is renowned for its component-based architecture and use of React components?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development\",\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\": \"Angular\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Angular is a popular framework, but it is not known for its component-based architecture and use of React components.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Vue.js\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Vue.js is a popular framework, but it is not known for its component-based architecture and use of React components.\"\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 renowned for its component-based architecture and use of React components.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"jQuery\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"jQuery is a popular library, but it is not a framework and does not use React components.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Goal of Responsive Web Design\",\n \"text\": \"What is the overarching goal of responsive web design?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Goal of Responsive Web Design\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To create websites that adapt to 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\": \"To create websites that adapt to different screen sizes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Responsive web design aims to ensure websites display optimally on various devices and screen resolutions.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create websites that load quickly on all devices\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While loading speed is important, it's not the primary goal of responsive web design.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To create websites that are accessible to all users\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Accessibility is a related concept, but not the main focus of responsive web design.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To create websites that are secure and reliable\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Security and reliability are important, but not the primary goal of responsive web design.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Specificity Measurement\",\n \"text\": \"What is the primary purpose of CSS specificity?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Specificity Measurement\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To measure the precision of a style rule in targeting a specific 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 determine the number of selectors used in a style rule.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS specificity is not concerned with counting selectors but rather their precision in targeting elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To establish the order of selectors in a style sheet.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While the order of selectors can affect specificity, it's not the primary purpose.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To measure the precision of a style rule in targeting a specific element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Exactly! CSS specificity helps determine which style rule is most specific and therefore takes precedence.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Hyperlink Syntax\",\n \"text\": \"Which syntax correctly creates a hyperlink in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Hyperlink Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"`\u003ca href='URL'\u003etext\u003c/a\u003e`\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"`\u003ca href='URL'\u003etext\u003c/a\u003e`\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This is the correct syntax for creating a hyperlink in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"`\u003clink href='URL'\u003etext\u003c/a\u003e`\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is incorrect. The correct syntax uses `\u003ca\u003e` tags.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"`\u003chyperlink href='URL'\u003etext\u003c/hyperlink\u003e`\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML does not use `\u003chyperlink\u003e` tags for creating hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"`\u003cURL\u003etext\u003c/URL\u003e`\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not valid for creating hyperlinks in HTML.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Display Property Purpose\",\n \"text\": \"What is the main purpose of the CSS property 'display'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Display Property Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Control the layout of elements on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Control the layout of elements on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display' property is used to control how elements are displayed on a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Specify the font size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-size' property is used to specify the font size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Set the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property is used to set the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Add a border to an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'border' property is used to add a border to an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Click Event Listener\",\n \"text\": \"Which JavaScript event listener detects when a user clicks an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Click Event Listener\",\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 listener is used to detect when a user clicks 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 listener is used to detect 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 listener is used to detect when the value of an element changes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onload' event listener is used to detect when a page has finished loading.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Falsehood\",\n \"text\": \"Which of the following is NOT a benefit of using a CSS framework?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Falsehood\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Improved security\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Faster development time\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS frameworks streamline development by providing pre-built styles and components.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhanced consistency\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Frameworks ensure consistency in design and styling across different pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Improved security\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Security is not a direct benefit of using CSS frameworks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Reduced code complexity\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Frameworks simplify code by providing reusable components and reducing the need for custom styling.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Definition\",\n \"text\": \"What is the purpose of the 'position' property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Definition\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Specify an element's placement relative to its parent container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Specify an element's placement relative to its parent container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' property controls an element's position within its parent element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Set the size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Use properties like 'width' and 'height' to set element size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Control the visibility of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'visibility' property controls element visibility.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Define the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property sets the background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Definition\",\n \"text\": \"What is the main purpose of the HTML5 'canvas' element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Definition\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To draw graphics and animations on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To draw graphics and animations on a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'canvas' element provides a drawable area for creating dynamic graphics and animations.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create interactive forms\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Forms are created using the 'form' element and related input elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To play videos and audio\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Use the 'video' and 'audio' elements for media playback.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To include external data sources\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"External data is typically included using elements like 'script' and 'link'.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Falsehood\",\n \"text\": \"Which practice is NOT recommended for website accessibility?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Falsehood\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Embedding videos without captions\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Providing descriptive alt text for images\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Alt text helps visually impaired users understand images.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enabling keyboard shortcuts for navigation\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Keyboard shortcuts enhance accessibility for users with limited mouse usage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Using high-contrast colors\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"High contrast improves readability for users with visual impairments.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Embedding videos without captions\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Captions provide accessibility for deaf and hard of hearing users.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Definition of SEO\",\n \"text\": \"What is the primary goal of search engine optimization (SEO)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Definition of SEO\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Increase a website's visibility in search engine results\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Increase a website's visibility in search engine results\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"SEO aims to enhance a website's visibility and ranking in search engine results.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Boost the number of backlinks to a website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While backlinks are important, SEO focuses on optimizing a website for search engines.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Enhance the user experience of a website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"User experience is important, but SEO primarily targets search engine algorithms.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Reduce the loading time of a website\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Website speed is a factor, but SEO encompasses a broader range of optimization techniques.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"How do JavaScript functions primarily contribute to enhancing user interactivity on a website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enabling real-time responses to user actions\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Performing advanced calculations\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enabling real-time responses to user actions\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Retrieving data from distant servers\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Generating dynamic website content\",\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\": \"\",\n \"text\": \"In HTML, which element is used to contain the primary content of a webpage?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cmain\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 is used for introductory content, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cmain\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cmain\u003e element is the correct container for the primary content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003csection\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003csection\u003e element is used for grouping related content, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ccontent\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no \u003ccontent\u003e element in HTML.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"Which HTML element is used to create a paragraph?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cp\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 specifically designed to create paragraphs in HTML.\"\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 used for headings, not paragraphs.\"\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 generic block-level elements, not specifically paragraphs.\"\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 paragraphs.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Properties\",\n \"text\": \"What CSS property is used to specify the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Properties\",\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\": \"background-image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-image sets the background image, not the color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-color is the CSS property specifically used to set the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"color sets the text color, not the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"background-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-size sets the size of the background image, not the color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Fundamentals\",\n \"text\": \"Which JavaScript event is triggered when the user clicks on an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Fundamentals\",\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 specifically designed to respond to 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\": \"onhover is triggered when the user hovers over an element, not when they click it.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onload is triggered when the page loads, not when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onsubmit\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"onsubmit is triggered when a form is submitted, not when an element is clicked.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Tag Purpose\",\n \"text\": \"What is the intended purpose of the header tag in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Tag Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the primary heading of 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 define the primary heading of the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The header tag (\u003ch1\u003e) is used to define the main heading of a webpage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define a section of the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The section tag (\u003csection\u003e) is used to define a section of a webpage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To define a link to another webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The anchor tag (\u003ca\u003e) is used to define a link to another webpage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the footer of the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The footer tag (\u003cfooter\u003e) is used to define the footer of a webpage.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Element Types\",\n \"text\": \"What is the main difference between a block-level element and an inline-level element in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Element Types\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Block-level elements start on a new line, while inline-level elements do not\",\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 start on a new line, while inline-level elements do not\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Block-level elements (e.g., \u003cdiv\u003e, \u003cp\u003e) start on a new line, while inline-level elements (e.g., \u003cspan\u003e, \u003ca\u003e) do not.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Inline-level elements start on a new line, while block-level elements do not\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Block-level elements start on a new line, while inline-level elements do not.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Block-level elements can contain inline-level elements, but not vice versa\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both block-level and inline-level elements can contain each other.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Inline-level elements can contain block-level elements, but not vice versa\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Inline-level elements cannot contain block-level elements.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Styling Techniques\",\n \"text\": \"What is the main purpose of a CSS media query?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Styling Techniques\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To apply different styles based on device 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 different styles based on device or screen size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Media queries allow you to apply different styles depending on the device or screen size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the layout of the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS media queries are not used for defining the layout of the page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To define the color scheme of the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS media queries do not define the color scheme of the page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the typography of the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS media queries are not used for defining the typography of the page.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Attributes\",\n \"text\": \"Which HTML attribute is used to specify the language of a webpage?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Attributes\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"lang\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"lang\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'lang' attribute is used to specify the language of a webpage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"language\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'lang' attribute is the correct one for specifying language.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"locale\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'lang' attribute is used for language specification.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"country\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'lang' attribute is used for language, not country.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Website and Web Page\",\n \"text\": \"What is the difference between a website and a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Website and Web Page\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A website is a collection of web pages, while a web page is a single document\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A website is a collection of web pages, while a web page is a single document\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A website is a collection of interconnected web pages, while a web page is a single document that can be accessed through a web browser.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"A web page is a collection of websites, while a website is a single document\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A web page is a single document, while a website is a collection of interconnected web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"A website and a web page are the same thing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A website is a collection of web pages, while a web page is a single document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"A web page is a part of a website, while a website is a part of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A web page is a single document that is part of a website, while a website is a collection of interconnected web pages.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Flexbox\",\n \"text\": \"What is the purpose of the CSS property 'display: flex;'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Flexbox\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To align elements horizontally in a flexible manner\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To align elements horizontally in a flexible manner\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property allows elements to be aligned horizontally in a flexible way, enabling responsive layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To align elements vertically in a flexible manner\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is used for horizontal alignment, not vertical alignment.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To hide elements from the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is used for layout, not hiding elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To create a grid-based layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display: flex;' property is for flexible layouts, not grid-based layouts.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Click\",\n \"text\": \"Which JavaScript event is triggered when a user clicks on an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Click\",\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 specifically designed to respond to 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 the mouse hovers over an element, not when it's 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's clicked.\"\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 down, not when an element is clicked.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"What is the primary difference between a 'div' and a 'span' element in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"'div' is a block-level element, while 'span' is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"'div' is a block-level element, while 'span' is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'div' element creates a new block-level element, while a 'span' element creates an inline element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"'span' is a block-level element, while 'div' is an inline element.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'span' element creates an inline element, while a 'div' element creates a block-level element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"They serve the same purpose.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A 'div' element creates a new block-level element, while a 'span' element creates an inline element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"They both can contain any type of content.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While both elements can contain content, they differ in their display properties.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"Which CSS property is used to specify the spacing between lines of text?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'line-height' property sets the vertical space between lines of 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\": \"letter-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'letter-spacing' property sets the spacing between individual letters.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"text-align\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'text-align' property aligns the text horizontally.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript\",\n \"text\": \"Which JavaScript function is used to create a new element in the DOM?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"createElement()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"createElement()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'createElement()' function creates a new element in the DOM.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"appendChild()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'appendChild()' function adds an existing element to the DOM.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"getElementByID()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'getElementByID()' function retrieves an existing element from the DOM.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"createTextNode()\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'createTextNode()' function creates a text node, not an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"What is the main advantage of using 'semantic HTML'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improved accessibility and search engine optimization\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improved accessibility and search engine optimization\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Semantic HTML enhances accessibility for users with disabilities and improves search engine rankings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhanced visual appeal of websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While semantic HTML can improve the structure and organization of a website, it does not directly affect its visual appeal.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Reduced bandwidth usage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Semantic HTML does not significantly impact bandwidth usage.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Increased compatibility with mobile devices\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While semantic HTML can improve the overall structure of a website, it does not directly affect its compatibility with mobile devices.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Syntax\",\n \"text\": \"Which CSS selector selects all elements with the class name 'container'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \".container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \".container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The correct syntax for selecting elements by class is using a period (.) followed by the class name.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"#container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The hash (#) symbol is used to select elements by their ID, not class.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Element names are not preceded by any special characters when used as selectors.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"$container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The dollar sign ($) is used in jQuery, not CSS, for selecting elements.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose\",\n \"text\": \"What is the purpose of the 'alt' attribute in an HTML image element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To provide a text description of the image for accessibility purposes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To provide a text description of the image for accessibility purposes\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'alt' attribute provides alternative information for an image, which is useful for screen readers and users with disabilities.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To specify 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 in pixels or percentages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To set the background color of the image\",\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, not an image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To enable zooming on the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Zooming on an image is typically controlled through CSS or JavaScript, not the 'alt' attribute.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript User Interactivity\",\n \"text\": \"What is the main advantage of using JavaScript to handle user interactions on websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript User Interactivity\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhanced interactivity and user engagement\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Faster page loading\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While JavaScript can optimize certain aspects of a website, faster page loading is not its primary advantage in handling user interactions.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhanced interactivity and user engagement\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript excels at adding dynamic elements to websites, allowing users to interact with the content in real-time.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Improved search engine optimization (SEO)\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While JavaScript can impact SEO indirectly, it's not its primary purpose in handling user interactions.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Reduced bandwidth consumption\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript's role is to enhance interactivity, not reduce bandwidth consumption.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Syntax\",\n \"text\": \"Which HTML attribute specifies the location of the source image file?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"src\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"link\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'link' element is used to link external resources, not specify the source of an image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"href\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'href' attribute is used to specify the destination of a hyperlink, not the source of an image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"src\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'src' attribute is used to specify the path to the image file.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"source\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'source' element is used to provide multiple sources for media elements, not images.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Syntax\",\n \"text\": \"Which CSS property controls the size of the font?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Syntax\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"font-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font-size' property is used to set the size of the font in various units, such as pixels, ems, or percentages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'size' attribute is an obsolete HTML attribute that is not supported in modern browsers.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"text-size\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'text-size' property in CSS.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"font\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'font' property is used to set multiple font properties at once, including size, but 'font-size' is more specific.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"getElementById\",\n \"text\": \"What does the JavaScript function 'getElementById' primarily serve to do?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"getElementById\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Selects an element based on 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\": \"Selects an element based on its unique ID\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'getElementById' function allows you to select an element in the HTML document based on its unique ID attribute.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Creates a new element in the document\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'createElement' function is used to create new elements in the document.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Modifies the content of an existing element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'innerHTML' or 'textContent' properties are used to modify the content of an existing element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Attaches an event listener to an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'addEventListener' function is used to attach event listeners to elements.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Section Heading\",\n \"text\": \"Which of the following HTML elements is used to define a section heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Section Heading\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\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\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u003ch1\u003e' element is used to define the most important heading in a section.\"\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 the header of a document or section, which may contain various types of 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 document, which appears in the browser's title bar.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch2\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The '\u003ch2\u003e' element is used to define a subheading within a section.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Class Syntax\",\n \"text\": \"What is the correct syntax for defining a class in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Class Syntax\",\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\": \"In CSS, classes are defined using a period (.) followed by the class name.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"#class-name\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The hash symbol (#) is used to define IDs in CSS, not classes.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"[class-name]\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Square brackets are used for attribute selectors in CSS, not for defining classes.\"\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 percentage sign (%) is not used for defining classes in CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Difference between innerHTML and innerText\",\n \"text\": \"What is the key difference between 'innerHTML' and 'innerText' in JavaScript?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Difference between innerHTML and innerText\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"'innerHTML' displays HTML tags while 'innerText' omits them\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"'innerHTML' displays HTML tags while 'innerText' omits them\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'innerHTML' includes HTML tags in the displayed content, while 'innerText' only displays the text content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"'innerText' displays HTML tags while 'innerHTML' omits them\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"It's the other way around: 'innerHTML' includes HTML tags, while 'innerText' omits them.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"They both display the same content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"They display different content: 'innerHTML' includes HTML tags, while 'innerText' only displays text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"They are both used for modifying element text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While they can both be used to modify element text, they have different effects: 'innerHTML' modifies the HTML content, while 'innerText' modifies only the text content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"Which HTML element is used to create a link?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ca\u003e element is used to create a hyperlink.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003clink\u003e element is used to link external resources, such as CSS files.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003curl\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no \u003curl\u003e element in HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ch1\u003e element is used to create a heading.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"What is the main purpose of the 'position' property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To control the positioning of an element relative to its parent\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To control the positioning of an element relative to its parent\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' property allows you to specify how an element is positioned relative to its parent element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To adjust the size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'size' property is used to adjust the size of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To change the opacity of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'opacity' property is used to change the opacity of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To add a border to an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'border' property is used to add a border to an element.\"\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 triggered when a user clicks on an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\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\": \"onfocus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onfocus' event is triggered when an element gains focus.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript\",\n \"text\": \"What is the correct JavaScript syntax for commenting out multiple lines of code?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"/* comment */\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"// comment\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is used for single-line comments.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"/* comment */\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is used for commenting out multiple lines of code.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"# comment\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not used for commenting in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"% comment\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"This syntax is not used for commenting in JavaScript.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"What is the primary purpose of the CSS property 'float'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To position an element to the left or right of its normal flow\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To change the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property is used to change the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To hide an element from the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'display' property is used to hide an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To position an element to the left or right of its normal flow\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'float' property allows you to float an element to the left or right.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript\",\n \"text\": \"Which JavaScript function is used to modify the content within an HTML element dynamically?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"innerHTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"modifyElement\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no 'modifyElement' function in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"setElement\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'setElement' function does not exist in JavaScript.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"getElement\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'getElement' function is used to get an element, not modify its content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"innerHTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'innerHTML' property allows you to set or get the HTML content of an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development\",\n \"text\": \"What is the primary role of a web browser?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To interpret and display web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To develop websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers are used to access and display websites, not develop them.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To send and receive emails\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Email clients are used for sending and receiving emails, not web browsers.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To interpret and display web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web browsers translate HTML, CSS, and JavaScript into visual web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To store website files\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers store website files, not web browsers.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"What is the purpose of the 'src' attribute in an HTML \u003cimg\u003e tag?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To specify the location of the image file\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To make the image clickable\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'href' attribute is used to make an image clickable.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To specify the location of the image file\",\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\": 2,\n \"text\": \"To define the size of the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'width' and 'height' attributes are used to define the size of an image.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To add a border to the image\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'border' attribute is used to add a border to an image.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"What is the purpose of the 'DOCTYPE' declaration at the beginning of an HTML document?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To specify the version of HTML used\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the title of the webpage\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To link to an external CSS file\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To add JavaScript code to the page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To specify the version of HTML used\",\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\": \"\",\n \"text\": \"Which of the following tools is commonly used to check the validity and correctness of a static website's code?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"W3C Validator\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Google Chrome\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Notepad\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Microsoft Word\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"W3C Validator\",\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\": \"\",\n \"text\": \"What is the key difference between a static website and a dynamic website?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A static website displays the same content to all users, while a dynamic website can change its content based on user input or other factors\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"A static website displays the same content to all users, while a dynamic website can change its content based on user input or other factors\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"A static website is created using HTML, CSS, and JavaScript, while a dynamic website is created using a programming language like PHP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n }\n ]\n}"])</script><script>self.__next_f.push([1,"7:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"WebSite\\\",\\n \\\"name\\\": \\\"QuizLearn\\\",\\n \\\"url\\\": \\\"https://www.quizlearn.app\\\"\\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.quizlearn.app/vocational-academy/\\\",\\n \\\"name\\\": \\\"Vocational Academy\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 2,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.quizlearn.app/vocational-academy/information-technology/\\\",\\n \\\"name\\\": \\\"Information Technology\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 3,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.quizlearn.app/vocational-academy/information-technology/web-development/\\\",\\n \\\"name\\\": \\\"Web Development\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 4,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.quizlearn.app/vocational-academy/information-technology/web-development/static-website-development/\\\",\\n \\\"name\\\": \\\"Static Website Development\\\"\\n }\\n }\\n ]\\n}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$f\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"Master Static Website Development: A Comprehensive Guide for Beginners\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"Static Website Development,HTML,CSS,JavaScript,Web Development,Vocational Academy,Information Technology\\\",\\n \\\"description\\\": \\\"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\\\",\\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}\"}}],\"$L10\"]\n"])</script><script>self.__next_f.push([1,"11:I[48629,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"TransferProviderClient\"]\n13:I[25992,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"TopbarQuestion_\"]\n14:I[72329,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D"])</script><script>self.__next_f.push([1,"/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"QuestionAreaDesktop\"]\n16:I[12004,[\"866\",\"static/chunks/6468630d-1737450419187-254fd97e73276f1a.js\",\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"2251\",\"static/chunks/2251-1737450419187-d1d0a3f99de44283.js\",\"8173\",\"static/chunks/8173-1737450419187-7f3e43958e8cd0f2.js\",\"1812\",\"static/chunks/1812-1737450419187-2818dac2fd21a89f.js\",\"9391\",\"static/chunks/9391-1737450419187-67e6fae96baa30de.js\",\"3222\",\"static/chunks/3222-1737450419187-0ca086a09ba9db0c.js\",\"3443\",\"static/chunks/3443-1737450419187-ca813bbb8ecdb5e4.js\",\"3248\",\"static/chunks/3248-1737450419187-1107038741a291d1.js\",\"2900\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1737450419187-499f89840b1bda76.js\"],\"QuestionBottomBar_\"]\n12:Tf03,"])</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\u003eIn HTML, which element is responsible for defining 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\u003cbody\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\u003ctitle\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\u003ch1\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,"17:T54a,\nwindow.serverTime = 1743970876364; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.us/vocational-academy/information-technology/web-development/static-website-development?v=1','/api/tdoc/question/mcq12579764?v=1','/api/tdoc/topic/202835?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/vocational-academy?v=1','/api/tdoc/path/auto.us/vocational-academy/information-technology?v=1','/api/tdoc/path/auto.us/vocational-academy/information-technology/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,"10:[\"$\",\"$L11\",null,{\"topicTransfer\":{\"pathURI\":\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"topic\":{\"id\":202835,\"countryISO\":\"US\",\"pathURI\":\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"pathURI_labels\":\"United States of America/Vocational Academy/Information Technology/Web Development/Static Website Development\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.us\",\"countryLabel\":\"United States of America\",\"countryLabelEnglish\":\"\",\"countryConcise\":\"\",\"schoolTypeURL\":\"vocational-academy\",\"schoolTypeLabel\":\"Vocational Academy\",\"schoolTypeConcise\":\"VocAcademy\",\"schoolTypeCategory\":\"VocationalAndTechnicalEducation\",\"scholarGroupURL\":\"information-technology\",\"scholarGroupLabel\":\"Information Technology\",\"scholarGroupConcise\":\"IT\",\"subjectURL\":\"web-development\",\"subjectLabel\":\"Web Development\",\"subjectConcise\":\"WD\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"static-website-development\",\"stepLabel\":\"Static Website Development\",\"topicLabel\":\"Static Website Development\",\"topicConcise\":\"Creating Static Websites\",\"topicDescription\":\"This unit introduces the fundamentals of static website development using HTML, CSS, and JavaScript. Students will learn how to create visually appealing and functional websites.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"HTML,CSS,JavaScript,Static Websites,Web Development,Layout,Styling,Interactivity\",\"unitCommonExamQuestions\":\"What are the different elements of HTML?,How do you use CSS to style a website?,How do you add interactivity to a website using JavaScript?,What are the best practices for creating static websites?,How do you optimize a static website for search engines?\",\"unitSubtopicsForExams\":\"HTML Structure and Semantics,CSS Selectors and Properties,JavaScript Fundamentals,Website Layout and Design,Website Optimization\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":\"**Question:** Explain the principles of search engine optimization (SEO) and how it can be applied to improve a website's visibility and ranking in search results.\",\"reasoning\":\"This question introduces the concept of SEO, which is becoming increasingly important in modern web development. It evaluates students' knowledge of the techniques used to enhance a website's search engine ranking.\"},{\"idea\":\"**Question:** Describe the ethical considerations in web development, including accessibility, privacy, and copyright issues.\",\"reasoning\":\"This question raises awareness of the ethical responsibilities involved in web development. It encourages students to consider the broader impact of their work and the importance of adhering to ethical guidelines.\"}],\"positionIndex\":12,\"aiQuestionCount\":54,\"editorialQuestionCount\":0,\"questionsCount\":54,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":50,\"typicalAge\":16,\"lowerAge\":16,\"upperAge\":22,\"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\":\"Master Static Website Development: A Comprehensive Guide for Beginners\",\"seoMetaDescription\":\"Delve into the fundamentals of static website development with HTML, CSS, and JavaScript. Learn the essential skills to create visually appealing and functional websites.\",\"seoMetaKeywords\":\"Static Website Development,HTML,CSS,JavaScript,Web Development,Vocational Academy,Information Technology\",\"geminiTagArray\":[],\"lastDuplicateCheck\":\"$D2020-01-01T00:00:00.000Z\",\"lastDropout\":\"$D2023-01-01T00:00:00.000Z\",\"usedSubtopicsArray\":[],\"bundles\":\"\",\"bundleNames\":\"\",\"packages\":\"\",\"parent_topic_id1\":null,\"parent_topic_id2\":null,\"parent_topic_id3\":null,\"parent_topic_id4\":null,\"parent_topic_id5\":null,\"parent_topic_id6\":null,\"parent_topic_id7\":null,\"parent_topic_id8\":null,\"parent_topic_id9\":null,\"parent_topic_id10\":null,\"parent_topic_id11\":null,\"parent_topic_id12\":null,\"parent_topic_id13\":null,\"parent_topic_id14\":null,\"parent_topic_id15\":null,\"parent_topic_id16\":null,\"parent_topic_id17\":null,\"parent_topic_id18\":null,\"parent_topic_id19\":null,\"parent_topic_id20\":null,\"parent_topic_recursive1\":null,\"parent_topic_recursive2\":null,\"parent_topic_recursive3\":null,\"parent_topic_recursive4\":null,\"parent_topic_recursive5\":null,\"parent_topic_recursive6\":null,\"parent_topic_recursive7\":null,\"parent_topic_recursive8\":null,\"parent_topic_recursive9\":null,\"parent_topic_recursive10\":null,\"parent_topic_recursive11\":null,\"parent_topic_recursive12\":null,\"parent_topic_recursive13\":null,\"parent_topic_recursive14\":null,\"parent_topic_recursive15\":null,\"parent_topic_recursive16\":null,\"parent_topic_recursive17\":null,\"parent_topic_recursive18\":null,\"parent_topic_recursive19\":null,\"parent_topic_recursive20\":null,\"parent_topic_importmode1\":null,\"parent_topic_importmode2\":null,\"parent_topic_importmode3\":null,\"parent_topic_importmode4\":null,\"parent_topic_importmode5\":null,\"parent_topic_importmode6\":null,\"parent_topic_importmode7\":null,\"parent_topic_importmode8\":null,\"parent_topic_importmode9\":null,\"parent_topic_importmode10\":null,\"parent_topic_importmode11\":null,\"parent_topic_importmode12\":null,\"parent_topic_importmode13\":null,\"parent_topic_importmode14\":null,\"parent_topic_importmode15\":null,\"parent_topic_importmode16\":null,\"parent_topic_importmode17\":null,\"parent_topic_importmode18\":null,\"parent_topic_importmode19\":null,\"parent_topic_importmode20\":null,\"pdfPageNumbers\":\"\",\"entityStore\":{},\"actorStore\":{},\"locationStore\":{},\"topicStore\":{},\"document_version\":0,\"generationFlag\":0,\"sharpenedAt\":\"$D2024-04-30T10:03:08.000Z\",\"metaWeeklyAt\":\"$D2025-01-15T10:15:40.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-04-30T06:46:24.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-04-30T06:46:24.000Z\",\"path\":\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"pathname\":\"United States of America/Vocational Academy/Information Technology/Web Development/Static Website Development\",\"name\":\"Static Website Development\",\"genType\":1,\"topicContextTitle\":\"Web Development Projects\",\"parentPathURI\":\"auto.us/vocational-academy/information-technology/web-development\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"vocational-academy/information-technology/web-development/static-website-development\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq12579764\",\"type\":\"question\",\"topic_id\":202835,\"pathURI\":\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"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\":\"$12\",\"text\":\"In HTML, which element is responsible for defining the main content of a web page?\",\"isoLanguageCode\":\"en\",\"accepted\":0,\"subtopicTag\":\"HTML Basics\",\"microtopicTag\":\"Main Content Element\",\"questionSubtag\":\"HTML Element Identification\",\"skillTag\":\"HTML Knowledge\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"Test understanding of basic HTML page structure\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":10,\"aiExamRelevanceScore\":80,\"aiCurriculumAlignmentScore\":90,\"aiLanguageComplexityScore\":10,\"aiOverallQualityScore\":80,\"seoMetaTitle\":\"Identifying the Main Content Element in HTML\",\"seoMetaDescription\":\"Learn which HTML element is used to define the main content of a web page.\",\"seoMetaKeywords\":\"HTML,main content,web page\",\"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\":12579764,\"mcq\":{\"id\":12579764,\"topic_id\":202835,\"deploy_id\":null,\"pathURI\":\"auto.us/vocational-academy/information-technology/web-development/static-website-development\",\"pathURI_labels\":\"United States of America/Vocational Academy/Information Technology/Web Development/Static Website Development\",\"questionText\":\"In HTML, which element is responsible for defining the main content of a web page?\",\"numOptions\":4,\"optionText1\":\"\u003chead\u003e\",\"optionText2\":\"\u003ctitle\u003e\",\"optionText3\":\"\u003cbody\u003e\",\"optionText4\":\"\u003ch1\u003e\",\"isCorrect1\":0,\"isCorrect2\":0,\"isCorrect3\":1,\"isCorrect4\":0,\"reasoning1\":\"\",\"reasoning2\":\"\",\"reasoning3\":\"\",\"reasoning4\":\"\",\"feedbackText1\":\"\",\"feedbackText2\":\"\",\"feedbackText3\":\"\",\"feedbackText4\":\"\",\"explanationHint\":\"\",\"explanationTheory\":\"\",\"explanationKeyfacts\":\"\",\"explanationRetrospective\":\"\",\"didacticalIntension\":\"Test understanding of basic HTML page structure\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"en\",\"countryLabel\":\"United States of America\",\"schoolTypeLabel\":\"Vocational Academy;University of Applied Sciences\",\"scholarGroupLabel\":\"Information Technology\",\"subjectLabel\":\"Web Development\",\"topicLabel\":\"Static Website Development;Building a Simple Website;HTML Structure and Syntax;Web Development Tools and Technologies\",\"creationTag\":\"HTML Basics\",\"subtopicTag\":\"HTML Basics\",\"microtopicTag\":\"Main Content Element\",\"questionTag\":\"HTML Element Identification\",\"skillTag\":\"HTML Knowledge\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":16,\"lowerAge\":16,\"upperAge\":22,\"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\":80,\"checkQuality\":\"\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"Identifying the Main Content Element in HTML\",\"seoMetaDescription\":\"Learn which HTML element is used to define the main content of a web page.\",\"seoMetaKeywords\":\"HTML,main content,web page\",\"searchKeywords\":\"\",\"areVectorsIndexed\":1,\"generationFlag\":-60,\"updatedAt\":\"$D2024-05-13T04:07:37.000Z\",\"deployedAt\":\"$D2024-05-03T02:30:41.000Z\",\"feedbackTiny1\":\"Incorrect.\",\"feedbackTiny2\":\"Incorrect.\",\"feedbackTiny3\":\"Correct!\",\"feedbackTiny4\":\"Incorrect.\",\"feedbackShort1\":\"The \u003chead\u003e element contains metadata about the page, not the main content.\",\"feedbackShort2\":\"The \u003ctitle\u003e element defines the title of the page, not the main content.\",\"feedbackShort3\":\"The \u003cbody\u003e element contains the main content of the page.\",\"feedbackShort4\":\"The \u003ch1\u003e element is used for headings, not the main content.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":3975016,\"d\":0.01},{\"id\":1862380,\"d\":0.01},{\"id\":8965191,\"d\":0.03},{\"id\":464414,\"d\":0.03},{\"id\":12278006,\"d\":0.03},{\"id\":716067,\"d\":0.06},{\"id\":12404273,\"d\":0.07},{\"id\":1967569,\"d\":0.08},{\"id\":7687404,\"d\":0.08},{\"id\":7647784,\"d\":0.08},{\"id\":6016967,\"d\":0.08},{\"id\":765521,\"d\":0.08},{\"id\":5703841,\"d\":0.09},{\"id\":416608,\"d\":0.1},{\"id\":6557582,\"d\":0.12},{\"id\":12595279,\"d\":0.02},{\"id\":12729844,\"d\":0.04},{\"id\":13221105,\"d\":0.04},{\"id\":13398787,\"d\":0.03},{\"id\":13408998,\"d\":0.02},{\"id\":13536033,\"d\":0.12},{\"id\":13577063,\"d\":0.09},{\"id\":13848874,\"d\":0.11},{\"id\":13985357,\"d\":0.12},{\"id\":13993688,\"d\":0.11},{\"id\":14134654,\"d\":0.05},{\"id\":14147479,\"d\":0.03},{\"id\":14201803,\"d\":0.02},{\"id\":14284808,\"d\":0.09},{\"id\":14363170,\"d\":0.09},{\"id\":15781322,\"d\":0.1},{\"id\":15845622,\"d\":0.07},{\"id\":16306778,\"d\":0.13},{\"id\":16306784,\"d\":0.1},{\"id\":16978253,\"d\":0.1},{\"id\":18026493,\"d\":0.09},{\"id\":18109351,\"d\":0.11},{\"id\":18308384,\"d\":0.03},{\"id\":18332541,\"d\":0.02},{\"id\":18501548,\"d\":0.1},{\"id\":19089653,\"d\":0.08},{\"id\":19768377,\"d\":0.01},{\"id\":19875932,\"d\":0.08},{\"id\":20372073,\"d\":0.09},{\"id\":20426432,\"d\":0.06},{\"id\":20430132,\"d\":0.09},{\"id\":20872704,\"d\":0.1},{\"id\":21231176,\"d\":0.1},{\"id\":21606576,\"d\":0.1},{\"id\":22658001,\"d\":0.11},{\"id\":22713824,\"d\":0.07},{\"id\":22816211,\"d\":0.12},{\"id\":24183484,\"d\":0.1},{\"id\":24547115,\"d\":0.11}],\"similarSearchedAt\":\"$D2024-08-19T23:29:00.000Z\",\"optionsArray\":[\"\u003chead\u003e\",\"\u003ctitle\u003e\",\"\u003cbody\u003e\",\"\u003ch1\u003e\"],\"correctOptionsArray\":[\"\u003cbody\u003e\"],\"distractorOptionsArray\":[\"\u003chead\u003e\",\"\u003ctitle\u003e\",\"\u003ch1\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":6,\"maxOptionLength\":7,\"questionTextLength\":82,\"averageReadLength\":44,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"WdMgxZ\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"u2pUU2\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ooLVGT\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"4psF7V\",\"type\":\"aspect\",\"traits\":[{\"id\":\"CHNn7w\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"In HTML, which element is responsible for defining the main content of a web page?\"}]},\"inner\":{\"id\":\"xbqZmE\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"h-tzQ3\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"GA_7nu\",\"type\":\"aspect\",\"traits\":[{\"id\":\"v4PJJb\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"0pPkvG\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"fQIsBJ\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ABzAxc\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"dQGtFw\",\"type\":\"aspect\",\"traits\":[{\"id\":\"dJ0s9f\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"QAhezO\",\"type\":\"aspect\",\"traits\":[{\"id\":\"8DR61c\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003chead\u003e element contains metadata about the page, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"KXX-Dl\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"iahoXA\",\"type\":\"aspect\",\"traits\":[{\"id\":\"WhR-tH\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"JnUhcV\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"7mUiQd\",\"type\":\"aspect\",\"traits\":[{\"id\":\"EPqjt8\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"6X3Rn8\",\"type\":\"aspect\",\"traits\":[{\"id\":\"6WfxNq\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"fWIhBx\",\"type\":\"aspect\",\"traits\":[{\"id\":\"pX3c4t\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003ctitle\u003e element defines the title of the page, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"59gi1H\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"V-Afpo\",\"type\":\"aspect\",\"traits\":[{\"id\":\"ElNOtR\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"N4YCzn\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"npJl7u\",\"type\":\"aspect\",\"traits\":[{\"id\":\"LcSF8q\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cbody\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"GgbNA1\",\"type\":\"aspect\",\"traits\":[{\"id\":\"lv4Fed\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"T-ZV2U\",\"type\":\"aspect\",\"traits\":[{\"id\":\"RbWg92\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Correct!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"fX3R_6\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"SD2jt4\",\"type\":\"aspect\",\"traits\":[{\"id\":\"Wk9DnO\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"cr41i7\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"72kSUZ\",\"type\":\"aspect\",\"traits\":[{\"id\":\"lhu4qT\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ch1\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"nsZXzW\",\"type\":\"aspect\",\"traits\":[{\"id\":\"JgyECA\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"A9sSzL\",\"type\":\"aspect\",\"traits\":[{\"id\":\"bfW9rp\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003ch1\u003e element is used for headings, not the main content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"In HTML, which element is responsible for defining the main content of a web page?\",\"options\":[{\"optionText\":\"\u003chead\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003ctitle\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003cbody\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003ch1\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\":[[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{\"fallback\":\"$L15\"}],[\"$\",\"$L16\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$17\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":1409429,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast1409429@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\":\"$D2025-04-06T20:21:16.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2025-04-06T20:21:16.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\":\"\",\"openAICreditsUsed\":0,\"state\":null,\"document_version\":0,\"entityStore\":{},\"actorStore\":{},\"userStore\":{},\"createdAt\":\"$D2025-04-06T20:21:16.000Z\",\"updatedAt\":\"$D2025-04-06T20:21:16.000Z\",\"accessedAt\":\"$D2025-04-06T20:21:16.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"United Kingdom\",\"instanceURI\":\"auto.gb\",\"host\":\"www.quizlearn.app\",\"primaryDomain\":\"quizlearn.app\",\"instanceDomainMiddle\":\"quizlearn\",\"instanceDomainEnding\":\"app\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"18:I[8542,[\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-1737450419187-30883d0276e31a05.js\"],\"TolgeeNextProvider\"]\n19:I[15948,[\"2709\",\"static/chunks/2709-1737450419187-d333817e45e7ff14.js\",\"8450\",\"static/chunks/app/%5Blocale%5D/layout-1737450419187-30883d0276e31a05.js\"],\"AllProviders\"]\n1a:I[2963,[\"3224\",\"static/chunks/app/%5Blocale%5D/not-found-1737450419187-06e0971c97d077f4.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"6:[\"$\",\"html\",null,{\"lang\":\"en-GB\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L18\",null,{\"language\":\"en-GB\",\"staticData\":[{\"language\":\"en-GB\",\"namespace\":\"\",\"data\":{\"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 your learning topic:\",\"footer.homepage.benefit.motivating.text\":\"Learn interactively and with direct feedback.\",\"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\",\"footer.impressum.impressum\":\"Imprint\",\"footer.impressum.instance_brand_name\":\"Quizlearn\",\"footer.impressum.instance_brand_team\":\"Quizlearn-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\",\"serveraction.auth.passcode.email_subject\":\"Your one-time password\",\"serveraction.auth.passcode.limit_reached\":\"Limit: three emails per hour reached! Emails should have already arrived. Check your inbox and spam folder.\",\"serveraction.auth.passcode.no_valid_emailadress_entered\":\"Not a valid email address!\",\"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\":\"User data\",\"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\":\"adapt the learning topic\",\"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:\"},\"cacheKey\":\"en-GB\"}],\"children\":[\"$\",\"$L19\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L1a\",null,{}],[[\"$\",\"$1\",\"h\",{\"children\":[\"$\",\"$L4\",null,{\"children\":\"$L1b\"}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"1b:\"$5\"\n"])</script><script>self.__next_f.push([1,"1c:Tf03,"])</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\u003eIn HTML, which element is responsible for defining 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\u003cbody\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\u003ctitle\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\u003ch1\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,"15:[\"$\",\"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\":\"$1c\"}}],[\"$\",\"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\",\" \",\"$L1d\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1d:\"Exercises are loading\"\n"])</script></body></html>
