element","correct":false},{"text":"The <!DOCTYPE> line","correct":false}],"explanation":"Everything visible on the page goes inside <body>. The <title> is shown in the browser tab, not in the page.","chapter":"introduction","chapterTitle":"HTML Introduction"},{"question":"You saved your page in Notepad, but the browser shows the tags as plain text. What is the most likely problem?","options":[{"text":"The browser does not support HTML","correct":false},{"text":"The file was saved with a .txt ending instead of .html","correct":true},{"text":"You must use VS Code to write HTML","correct":false},{"text":"The <h1> tag is wrong","correct":false}],"explanation":"When a file ends in .txt, the browser treats it as plain text. Save it again with the .html ending and \"All Files\" as the type.","chapter":"editors","chapterTitle":"HTML Editors"},{"question":"Which tag is used to create a link?","options":[{"text":"<link>","correct":false},{"text":"<a>","correct":true},{"text":"<href>","correct":false},{"text":"<url>","correct":false}],"explanation":"The <a> (anchor) tag creates a link. The address goes in its href attribute.","chapter":"basic","chapterTitle":"HTML Basic Examples"},{"question":"In <p>Price: <strong>Rs 40</strong></p>, which element is the parent of <strong>?","options":[{"text":"<body>","correct":false},{"text":"<p>","correct":true},{"text":"<html>","correct":false},{"text":"It has no parent","correct":false}],"explanation":"The <strong> element sits directly inside the <p> element, so <p> is its parent.","chapter":"elements","chapterTitle":"HTML Elements"},{"question":"Where are attributes written?","options":[{"text":"Inside the start tag","correct":true},{"text":"Inside the end tag","correct":false},{"text":"Between the start and end tags","correct":false},{"text":"In the <head> only","correct":false}],"explanation":"Attributes always go inside the start tag, for example <a href=\"page.html\">.","chapter":"attributes","chapterTitle":"HTML Attributes"},{"question":"A page has an <h1> title and a main section with an <h2>. Which tag should a sub-section of that section use?","options":[{"text":"<h1>","correct":false},{"text":"<h3>","correct":true},{"text":"<h5>","correct":false},{"text":"<p>","correct":false}],"explanation":"A sub-section of an <h2> section uses the next level down, <h3>. Skipping levels makes the structure confusing.","chapter":"headings","chapterTitle":"HTML Headings"},{"question":"In your code you typed five spaces between two words inside a <p>. How many spaces does the browser show?","options":[{"text":"Five","correct":false},{"text":"One","correct":true},{"text":"None","correct":false},{"text":"It shows an error","correct":false}],"explanation":"Browsers collapse any number of spaces and new lines into a single space. Use <pre> if you need to keep them.","chapter":"paragraphs","chapterTitle":"HTML Paragraphs"},{"question":"Which style makes a paragraph's text red?","options":[{"text":"<p style=\"background-color:red;\">","correct":false},{"text":"<p style=\"color:red;\">","correct":true},{"text":"<p color=\"red\">","correct":false},{"text":"<p style=\"text-color:red;\">","correct":false}],"explanation":"The CSS property for text colour is color. background-color would colour the area behind the text instead.","chapter":"styles","chapterTitle":"HTML Styles"},{"question":"Which tag marks text as important and shows it in bold?","options":[{"text":"<b>","correct":false},{"text":"<strong>","correct":true},{"text":"<mark>","correct":false},{"text":"<em>","correct":false}],"explanation":"<strong> shows bold text and also tells browsers and screen readers that the text is important. <b> is bold for looks only.","chapter":"formatting","chapterTitle":"HTML Text Formatting"},{"question":"Which line is a correct HTML comment?","options":[{"text":"// This is a comment","correct":false},{"text":"/* This is a comment */","correct":false},{"text":"","correct":true},{"text":"<comment>This is a comment</comment>","correct":false}],"explanation":"HTML comments start with . The other forms are used in JavaScript and CSS.","chapter":"comments","chapterTitle":"HTML Comments"},{"question":"What colour is #000000?","options":[{"text":"White","correct":false},{"text":"Black","correct":true},{"text":"Red","correct":false},{"text":"Gray","correct":false}],"explanation":"All three pairs are 00, meaning no red, no green and no blue, which is black. #ffffff is white.","chapter":"colors","chapterTitle":"HTML Colors"},{"question":"Which attribute makes a link open in a new browser tab?","options":[{"text":"href=\"_blank\"","correct":false},{"text":"target=\"_blank\"","correct":true},{"text":"new=\"tab\"","correct":false},{"text":"open=\"new\"","correct":false}],"explanation":"target=\"_blank\" tells the browser to open the linked page in a new tab or window.","chapter":"links","chapterTitle":"HTML Links"},{"question":"Which attribute describes an image for screen readers and when it fails to load?","options":[{"text":"src","correct":false},{"text":"title","correct":false},{"text":"alt","correct":true},{"text":"href","correct":false}],"explanation":"alt holds a text description of the image. It is read by screen readers and shown when the image cannot load.","chapter":"images","chapterTitle":"HTML Images"},{"question":"Which attribute makes a cell stretch across two columns?","options":[{"text":"rowspan=\"2\"","correct":false},{"text":"colspan=\"2\"","correct":true},{"text":"span=\"2\"","correct":false},{"text":"width=\"2\"","correct":false}],"explanation":"colspan sets how many columns a cell covers. rowspan sets how many rows it covers.","chapter":"tables","chapterTitle":"HTML Tables"},{"question":"Which tag creates a numbered list?","options":[{"text":"<ul>","correct":false},{"text":"<ol>","correct":true},{"text":"<li>","correct":false},{"text":"<dl>","correct":false}],"explanation":"<ol> stands for ordered list. Its <li> items are numbered automatically.","chapter":"lists","chapterTitle":"HTML Lists"},{"question":"Which of these is an inline element?","options":[{"text":"<div>","correct":false},{"text":"<p>","correct":false},{"text":"<span>","correct":true},{"text":"<h2>","correct":false}],"explanation":"<span> is inline: it stays in the line of text and is only as wide as its content. The others are block elements.","chapter":"block-inline","chapterTitle":"HTML Block & Inline Elements"},{"question":"How do you select an element with class=\"card\" in CSS?","options":[{"text":"#card","correct":false},{"text":".card","correct":true},{"text":"card()","correct":false},{"text":"*card","correct":false}],"explanation":"A dot selects a class (.card). A hash selects an id (#card).","chapter":"classes-id","chapterTitle":"HTML Classes and Id"},{"question":"A page is at products/laptops.html. Which path reaches css/style.css from that page?","options":[{"text":"css/style.css","correct":false},{"text":"../css/style.css","correct":true},{"text":"./products/css/style.css","correct":false},{"text":"\\css\\style.css","correct":false}],"explanation":"The page is inside the products folder, so ../ goes up to the main folder, and then css/style.css finds the file.","chapter":"file-paths","chapterTitle":"HTML File Paths"},{"question":"Which line adds a favicon to a page?","options":[{"text":"<img src=\"favicon.ico\" rel=\"icon\">","correct":false},{"text":"<meta name=\"favicon\" content=\"favicon.ico\">","correct":false},{"text":"<link rel=\"icon\" href=\"favicon.ico\">","correct":true},{"text":"<title icon=\"favicon.ico\">My Site

1:"$Sreact.fragment" 3:I[63178,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"TranslationProvider"] 4:I[30571,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] f:I[68027,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default",1] :HL["/_next/static/immutable/chunks/074_dzl0zdxfa.css","style"] :HL["/_next/static/immutable/chunks/3elod0uqo5tr8.css","style"] :HL["/_next/static/immutable/media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/immutable/media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 2:T478,{"@context":"https://schema.org","@type":"EducationalOrganization","name":"Workownix","alternateName":"Workownix Education & IT Institute","url":"https://www.workownix.com","logo":"https://www.workownix.com/images/logo.png","image":"https://www.workownix.com/images/logo.png","description":"Quality Academic Education from Nursery to Graduation and 20 Professional IT Courses both Online and Onsite in Karachi.","telephone":"+923412901528","email":"info.workownix@gmail.com","address":{"@type":"PostalAddress","streetAddress":"Baba Walayat Ali Shah Colony, Sector 11, Little Heaven Road, Near Waqar-ul-Masajid, Orangi Town","addressLocality":"Karachi","addressRegion":"Sindh","postalCode":"75800","addressCountry":"PK"},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"opens":"09:00","closes":"21:00"}],"geo":{"@type":"GeoCoordinates","latitude":24.955,"longitude":66.985},"sameAs":["https://www.facebook.com/profile.php?id=61578929019010","https://www.instagram.com/workownix/","https://www.linkedin.com/in/workownix/","https://wa.me/923412901528"]}d:X 0:{"P":null,"c":["","tutorials","html","mcqs"],"q":"","i":false,"f":[[["",{"children":["tutorials",{"children":[["tutorial","html","d",["tryit"]],{"children":["mcqs",{"children":["__PAGE__",{},"$undefined","$undefined",4608]},"$undefined","$undefined",4608]},"$undefined","$undefined",4608]},"$undefined","$undefined",4608]},"$undefined","$undefined",4624],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/074_dzl0zdxfa.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/3elod0uqo5tr8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/immutable/chunks/2mpz49jrum279.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/immutable/chunks/1pbed54hjs3_4.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/immutable/chunks/2b1-pikj14ddz.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/immutable/chunks/1yr861c7rwkx3.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/immutable/chunks/03ks4lp59wr_g.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/immutable/chunks/0-oo_tdmoun4g.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"en","className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable h-full antialiased scroll-smooth","children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","href":"/favicon.ico","sizes":"any"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/favicon-16x16.png"}],["$","link",null,{"rel":"apple-touch-icon","sizes":"180x180","href":"/apple-touch-icon.png"}],"$undefined",["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$2"}}]]}],["$","body",null,{"className":"min-h-screen flex flex-col bg-white text-slate-900 overflow-x-hidden w-full max-w-full","children":["$undefined",["$","$L3",null,{"children":[["$","$L4",null,{"tutorials":[{"slug":"html","name":"HTML"},{"slug":"css","name":"CSS"},{"slug":"javascript","name":"JavaScript"},{"slug":"sql","name":"SQL"},{"slug":"python","name":"Python"},{"slug":"java","name":"Java"},{"slug":"php","name":"PHP"},{"slug":"how-to","name":"How To"},{"slug":"tailwind","name":"Tailwind CSS"},{"slug":"c","name":"C"},{"slug":"cpp","name":"C++"},{"slug":"csharp","name":"C#"},{"slug":"bootstrap","name":"Bootstrap"},{"slug":"react","name":"React"},{"slug":"mysql","name":"MySQL"},{"slug":"jquery","name":"jQuery"},{"slug":"excel","name":"Excel"},{"slug":"xml","name":"XML"},{"slug":"django","name":"Django"},{"slug":"numpy","name":"NumPy"},{"slug":"pandas","name":"Pandas"},{"slug":"nodejs","name":"Node.js"},{"slug":"dsa","name":"DSA"},{"slug":"typescript","name":"TypeScript"},{"slug":"angular","name":"Angular"},{"slug":"angularjs","name":"AngularJS"},{"slug":"git","name":"Git"},{"slug":"postgresql","name":"PostgreSQL"},{"slug":"mongodb","name":"MongoDB"},{"slug":"asp","name":"ASP.NET"},{"slug":"ai","name":"AI"},{"slug":"r","name":"R"},{"slug":"go","name":"Go"},{"slug":"kotlin","name":"Kotlin"},{"slug":"swift","name":"Swift"},{"slug":"sass","name":"Sass"},{"slug":"vue","name":"Vue"},{"slug":"ai-book","name":"AI Book"},{"slug":"gen-ai","name":"Gen AI"},{"slug":"prompt-engineering","name":"Prompt Engineering"},{"slug":"chatbots","name":"Chatbots"},{"slug":"ai-agents","name":"AI Agents"},{"slug":"machine-learning","name":"Machine Learning"},{"slug":"ai-tools","name":"AI Tools"},{"slug":"scipy","name":"SciPy"},{"slug":"aws","name":"AWS"},{"slug":"cybersecurity","name":"Cybersecurity"},{"slug":"data-science","name":"Data Science"},{"slug":"intro-to-programming","name":"Intro to Programming"},{"slug":"intro-to-html-css","name":"Intro to HTML & CSS"},{"slug":"bash","name":"Bash"},{"slug":"rust","name":"Rust"},{"slug":"tools","name":"Tools"}]}],"$L5","$L6","$L7","$L8"]}]]}]]}]]}],{"children":["$L9",{"children":["$La",{"children":["$Lb",{"children":["$Lc",{},null,false,null]},null,false,"$d"]},null,false,"$d"]},null,false,null]},null,false,null],"$Le",false]],"m":"$undefined","G":["$f",["$L10","$L11"]],"S":true,"h":null,"r":"$undefined","s":"$undefined","a":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"ra8s3CkHcWB81PpldgJSF"} 12:I[39756,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] 13:I[37457,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] 14:I[22016,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js","/_next/static/immutable/chunks/14s-6gu1gj5re.js","/_next/static/immutable/chunks/34b_5y51l36lo.js"],""] 15:I[28192,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] 16:I[79883,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] 17:I[38431,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"default"] 19:I[97367,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"OutletBoundary"] 1a:"$Sreact.suspense" 1c:I[97367,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"ViewportBoundary"] 1e:I[97367,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js"],"MetadataBoundary"] 5:["$","div",null,{"className":"flex-1 w-full max-w-full overflow-x-clip pt-[7rem] sm:pt-[7.5rem] md:pt-[8.125rem]","children":["$","$L12",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L13",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","main",null,{"className":"min-h-[60vh] bg-white text-slate-900 font-sans flex items-center justify-center px-4 py-16","children":["$","div",null,{"className":"max-w-xl text-center","children":[["$","p",null,{"className":"text-yellow-500 font-extrabold tracking-widest text-sm mb-3","children":"404"}],["$","h1",null,{"className":"text-3xl sm:text-4xl font-black text-[#001f3f] mb-4","children":"Page not found"}],["$","p",null,{"className":"text-slate-600 mb-8","children":"The page you are looking for may have moved. Try one of these pages instead."}],["$","nav",null,{"className":"flex flex-wrap justify-center gap-3","children":[["$","$L14","/",{"href":"/","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"Home"}],["$","$L14","/course",{"href":"/course","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"IT Courses"}],["$","$L14","/learning-program",{"href":"/learning-program","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"Learning Program"}],["$","$L14","/earning-program",{"href":"/earning-program","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"Earning Program"}],["$","$L14","/blog",{"href":"/blog","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"Blog"}],["$","$L14","/contact",{"href":"/contact","className":"px-4 py-2 rounded-full border border-[#001f3f]/20 text-[#001f3f] font-semibold hover:bg-[#001f3f] hover:text-white transition-colors","children":"Contact Us"}]]}]]}]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}] 6:["$","$L15",null,{}] 7:["$","$L16",null,{}] 8:["$","$L17",null,{}] 9:["$","$1","c",{"children":[[["$","script","script-0",{"src":"/_next/static/immutable/chunks/14s-6gu1gj5re.js","async":true,"nonce":"$undefined"}]],["$undefined",["$","$L12",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L13",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]]}] a:["$","$1","c",{"children":[null,["$","$L12",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L13",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] b:["$","$1","c",{"children":[null,["$","$L12",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L13",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}] c:["$","$1","c",{"children":["$L18",[["$","script","script-0",{"src":"/_next/static/immutable/chunks/34b_5y51l36lo.js","async":true,"nonce":"$undefined"}]],["$","$L19",null,{"children":["$","$1a",null,{"name":"Next.MetadataOutlet","children":"$@1b"}]}]]}] e:["$","$1","h",{"children":[null,["$","$L1c",null,{"children":"$L1d"}],["$","div",null,{"hidden":true,"children":["$","$L1e",null,{"children":["$","$1a",null,{"name":"Next.Metadata","children":"$L1f"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] 10:["$","link","0",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/074_dzl0zdxfa.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 11:["$","link","1",{"rel":"stylesheet","href":"/_next/static/immutable/chunks/3elod0uqo5tr8.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] d:C 18:["$","main",null,{"className":"min-h-screen bg-white text-slate-900","children":["$","div",null,{"className":"flex","children":[["$","aside",null,{"className":"hidden w-56 shrink-0 border-r border-slate-200 bg-[#f4f7fb] lg:block","children":["$","nav",null,{"aria-label":"HTML chapters","className":"sticky top-[8.125rem] max-h-[calc(100vh-8.125rem)] overflow-y-auto pb-10","children":[["$","p",null,{"className":"px-4 pt-4 pb-2 text-lg font-bold text-slate-900","children":["HTML"," Tutorial"]}],["$","$L14",null,{"href":"/tutorials/html","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":["HTML"," HOME"]}],[["$","div","HTML Tutorial-0",{"children":[false,[["$","$L14","introduction",{"href":"/tutorials/html/introduction","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Introduction"}],["$","$L14","editors",{"href":"/tutorials/html/editors","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Editors"}],["$","$L14","basic",{"href":"/tutorials/html/basic","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Basic Examples"}],["$","$L14","elements",{"href":"/tutorials/html/elements","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Elements"}],["$","$L14","attributes",{"href":"/tutorials/html/attributes","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Attributes"}],["$","$L14","headings",{"href":"/tutorials/html/headings","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Headings"}],["$","$L14","paragraphs",{"href":"/tutorials/html/paragraphs","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Paragraphs"}],["$","$L14","styles",{"href":"/tutorials/html/styles","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Styles"}],["$","$L14","formatting",{"href":"/tutorials/html/formatting","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Text Formatting"}],["$","$L14","comments",{"href":"/tutorials/html/comments","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Comments"}],["$","$L14","colors",{"href":"/tutorials/html/colors","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Colors"}],["$","$L14","links",{"href":"/tutorials/html/links","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Links"}],["$","$L14","images",{"href":"/tutorials/html/images","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Images"}],["$","$L14","tables",{"href":"/tutorials/html/tables","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Tables"}],"$L20","$L21","$L22","$L23","$L24","$L25"]]}],"$L26","$L27","$L28","$L29","$L2a","$L2b","$L2c","$L2d"],"$L2e","$L2f"]}]}],"$L30"]}]}] 31:I[5014,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js","/_next/static/immutable/chunks/14s-6gu1gj5re.js","/_next/static/immutable/chunks/34b_5y51l36lo.js"],"default"] 20:["$","$L14","lists",{"href":"/tutorials/html/lists","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Lists"}] 21:["$","$L14","block-inline",{"href":"/tutorials/html/block-inline","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Block & Inline Elements"}] 22:["$","$L14","classes-id",{"href":"/tutorials/html/classes-id","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Classes and Id"}] 23:["$","$L14","file-paths",{"href":"/tutorials/html/file-paths","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML File Paths"}] 24:["$","$L14","title-favicon",{"href":"/tutorials/html/title-favicon","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Page Title & Favicon"}] 25:["$","$L14","entities",{"href":"/tutorials/html/entities","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Entities, Symbols & Charset"}] 26:["$","div","HTML Forms-1",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Forms"}],[["$","$L14","forms",{"href":"/tutorials/html/forms","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Forms"}],["$","$L14","input-types",{"href":"/tutorials/html/input-types","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Input Types"}],["$","$L14","form-elements",{"href":"/tutorials/html/form-elements","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Form Elements"}],["$","$L14","form-validation",{"href":"/tutorials/html/form-validation","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Form Validation"}]]]}] 27:["$","div","HTML Media-2",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Media"}],[["$","$L14","iframes",{"href":"/tutorials/html/iframes","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Iframes"}],["$","$L14","video",{"href":"/tutorials/html/video","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Video"}],["$","$L14","audio",{"href":"/tutorials/html/audio","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Audio"}],["$","$L14","responsive-images",{"href":"/tutorials/html/responsive-images","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Responsive Images"}]]]}] 28:["$","div","HTML Graphics-3",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Graphics"}],[["$","$L14","canvas",{"href":"/tutorials/html/canvas","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Canvas"}],["$","$L14","svg",{"href":"/tutorials/html/svg","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML SVG"}]]]}] 29:["$","div","HTML Page Structure-4",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Page Structure"}],[["$","$L14","semantic",{"href":"/tutorials/html/semantic","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Semantic Layout"}],["$","$L14","head-meta",{"href":"/tutorials/html/head-meta","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Head, Meta & SEO Basics"}]]]}] 2a:["$","div","HTML Interactive-5",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Interactive"}],[["$","$L14","dialog-details",{"href":"/tutorials/html/dialog-details","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Dialog, Details & Popover"}]]]}] 2b:["$","div","HTML APIs-6",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML APIs"}],[["$","$L14","web-storage",{"href":"/tutorials/html/web-storage","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Web Storage"}],["$","$L14","geolocation",{"href":"/tutorials/html/geolocation","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Geolocation"}],["$","$L14","drag-drop",{"href":"/tutorials/html/drag-drop","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Drag and Drop"}]]]}] 2c:["$","div","HTML Best Practices-7",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Best Practices"}],[["$","$L14","accessibility",{"href":"/tutorials/html/accessibility","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Accessibility"}],["$","$L14","best-practices",{"href":"/tutorials/html/best-practices","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Best Practices & SEO"}]]]}] 2d:["$","div","HTML Exercises-8",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Exercises"}],[["$","$L14","quiz",{"href":"/tutorials/html/quiz","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Quiz"}]]]}] 2e:["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":["HTML"," Practice"]}] 2f:["$","$L14",null,{"href":"/tutorials/html/mcqs","aria-current":"page","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-yellow-400 bg-[#001f3f] font-semibold text-white","children":["HTML"," MCQs"]}] 30:["$","div",null,{"className":"min-w-0 flex-1","children":[["$","details",null,{"className":"group border-b border-slate-200 bg-[#f4f7fb] lg:hidden","children":[["$","summary",null,{"className":"flex cursor-pointer list-none items-center justify-between px-4 py-3 font-bold text-slate-900","children":["HTML"," Tutorial menu",["$","$L31",null,{"ref":"$undefined","iconNode":[["path",{"d":"m6 9 6 6 6-6","key":"qrunsl"}]],"className":"lucide-chevron-down h-5 w-5 transition-transform group-open:rotate-180"}]]}],["$","nav",null,{"aria-label":"HTML chapters","className":"max-h-[60vh] overflow-y-auto pb-4","children":[["$","p",null,{"className":"px-4 pt-4 pb-2 text-lg font-bold text-slate-900","children":["HTML"," Tutorial"]}],["$","$L14",null,{"href":"/tutorials/html","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":["HTML"," HOME"]}],[["$","div","HTML Tutorial-0",{"children":[false,[["$","$L14","introduction",{"href":"/tutorials/html/introduction","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Introduction"}],["$","$L14","editors",{"href":"/tutorials/html/editors","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Editors"}],["$","$L14","basic",{"href":"/tutorials/html/basic","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Basic Examples"}],["$","$L14","elements",{"href":"/tutorials/html/elements","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Elements"}],["$","$L14","attributes",{"href":"/tutorials/html/attributes","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Attributes"}],["$","$L14","headings",{"href":"/tutorials/html/headings","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Headings"}],["$","$L14","paragraphs",{"href":"/tutorials/html/paragraphs","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Paragraphs"}],["$","$L14","styles",{"href":"/tutorials/html/styles","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Styles"}],["$","$L14","formatting",{"href":"/tutorials/html/formatting","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Text Formatting"}],["$","$L14","comments",{"href":"/tutorials/html/comments","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Comments"}],["$","$L14","colors",{"href":"/tutorials/html/colors","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Colors"}],["$","$L14","links",{"href":"/tutorials/html/links","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Links"}],["$","$L14","images",{"href":"/tutorials/html/images","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Images"}],"$L32","$L33","$L34","$L35","$L36","$L37","$L38"]]}],"$L39","$L3a","$L3b","$L3c","$L3d","$L3e","$L3f","$L40"],"$L41","$L42"]}]]}],"$L43","$L44"]}] 45:I[35054,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js","/_next/static/immutable/chunks/14s-6gu1gj5re.js","/_next/static/immutable/chunks/34b_5y51l36lo.js"],"default"] 46:I[93327,["/_next/static/immutable/chunks/2mpz49jrum279.js","/_next/static/immutable/chunks/1pbed54hjs3_4.js","/_next/static/immutable/chunks/2b1-pikj14ddz.js","/_next/static/immutable/chunks/1yr861c7rwkx3.js","/_next/static/immutable/chunks/03ks4lp59wr_g.js","/_next/static/immutable/chunks/0-oo_tdmoun4g.js","/_next/static/immutable/chunks/14s-6gu1gj5re.js","/_next/static/immutable/chunks/34b_5y51l36lo.js"],"default"] 32:["$","$L14","tables",{"href":"/tutorials/html/tables","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Tables"}] 33:["$","$L14","lists",{"href":"/tutorials/html/lists","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Lists"}] 34:["$","$L14","block-inline",{"href":"/tutorials/html/block-inline","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Block & Inline Elements"}] 35:["$","$L14","classes-id",{"href":"/tutorials/html/classes-id","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Classes and Id"}] 36:["$","$L14","file-paths",{"href":"/tutorials/html/file-paths","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML File Paths"}] 37:["$","$L14","title-favicon",{"href":"/tutorials/html/title-favicon","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Page Title & Favicon"}] 38:["$","$L14","entities",{"href":"/tutorials/html/entities","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Entities, Symbols & Charset"}] 39:["$","div","HTML Forms-1",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Forms"}],[["$","$L14","forms",{"href":"/tutorials/html/forms","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Forms"}],["$","$L14","input-types",{"href":"/tutorials/html/input-types","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Input Types"}],["$","$L14","form-elements",{"href":"/tutorials/html/form-elements","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Form Elements"}],["$","$L14","form-validation",{"href":"/tutorials/html/form-validation","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Form Validation"}]]]}] 3a:["$","div","HTML Media-2",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Media"}],[["$","$L14","iframes",{"href":"/tutorials/html/iframes","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Iframes"}],["$","$L14","video",{"href":"/tutorials/html/video","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Video"}],["$","$L14","audio",{"href":"/tutorials/html/audio","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Audio"}],["$","$L14","responsive-images",{"href":"/tutorials/html/responsive-images","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Responsive Images"}]]]}] 3b:["$","div","HTML Graphics-3",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Graphics"}],[["$","$L14","canvas",{"href":"/tutorials/html/canvas","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Canvas"}],["$","$L14","svg",{"href":"/tutorials/html/svg","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML SVG"}]]]}] 3c:["$","div","HTML Page Structure-4",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Page Structure"}],[["$","$L14","semantic",{"href":"/tutorials/html/semantic","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Semantic Layout"}],["$","$L14","head-meta",{"href":"/tutorials/html/head-meta","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Head, Meta & SEO Basics"}]]]}] 3d:["$","div","HTML Interactive-5",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Interactive"}],[["$","$L14","dialog-details",{"href":"/tutorials/html/dialog-details","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Dialog, Details & Popover"}]]]}] 3e:["$","div","HTML APIs-6",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML APIs"}],[["$","$L14","web-storage",{"href":"/tutorials/html/web-storage","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Web Storage"}],["$","$L14","geolocation",{"href":"/tutorials/html/geolocation","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Geolocation"}],["$","$L14","drag-drop",{"href":"/tutorials/html/drag-drop","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Drag and Drop"}]]]}] 3f:["$","div","HTML Best Practices-7",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Best Practices"}],[["$","$L14","accessibility",{"href":"/tutorials/html/accessibility","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Accessibility"}],["$","$L14","best-practices",{"href":"/tutorials/html/best-practices","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Best Practices & SEO"}]]]}] 40:["$","div","HTML Exercises-8",{"children":[["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":"HTML Exercises"}],[["$","$L14","quiz",{"href":"/tutorials/html/quiz","aria-current":"$undefined","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-transparent text-slate-800 hover:bg-blue-100","children":"HTML Quiz"}]]]}] 41:["$","p",null,{"className":"px-4 pt-5 pb-2 text-lg font-bold text-slate-900","children":["HTML"," Practice"]}] 42:["$","$L14",null,{"href":"/tutorials/html/mcqs","aria-current":"page","className":"block px-4 py-1.5 text-[15px] leading-snug border-l-4 border-yellow-400 bg-[#001f3f] font-semibold text-white","children":["HTML"," MCQs"]}] 43:["$","div",null,{"className":"flex","children":[["$","article",null,{"className":"min-w-0 flex-1 px-4 py-6 sm:px-8 lg:px-10","children":[["$","$L45",null,{"position":"top","className":"mb-6"}],[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.workownix.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https://www.workownix.com/tutorials\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Tutorial\",\"item\":\"https://www.workownix.com/tutorials/html\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML MCQs\",\"item\":\"https://www.workownix.com/tutorials/html/mcqs\"}]}"}}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Quiz\",\"name\":\"HTML MCQs\",\"url\":\"https://www.workownix.com/tutorials/html/mcqs\",\"educationalLevel\":\"Beginner\",\"about\":\"HTML\",\"isAccessibleForFree\":true}"}}],["$","h1",null,{"className":"text-3xl font-bold text-slate-900 sm:text-[40px] sm:leading-tight","children":["HTML"," MCQs"]}],["$","p",null,{"className":"mt-3 mb-8 text-slate-700","children":[58," multiple-choice questions from the whole ","HTML"," tutorial. Answer them one by one, then see your score and the right answers."]}],["$","$L46",null,{"mcqs":[{"question":"Which part of an HTML page is shown inside the browser window?","options":[{"text":"The element","correct":false},{"text":"The element","correct":true},{"text":"The element","correct":false},{"text":"The <!DOCTYPE> line","correct":false}],"explanation":"Everything visible on the page goes inside <body>. The <title> is shown in the browser tab, not in the page.","chapter":"introduction","chapterTitle":"HTML Introduction"},{"question":"You saved your page in Notepad, but the browser shows the tags as plain text. What is the most likely problem?","options":[{"text":"The browser does not support HTML","correct":false},{"text":"The file was saved with a .txt ending instead of .html","correct":true},{"text":"You must use VS Code to write HTML","correct":false},{"text":"The <h1> tag is wrong","correct":false}],"explanation":"When a file ends in .txt, the browser treats it as plain text. Save it again with the .html ending and \"All Files\" as the type.","chapter":"editors","chapterTitle":"HTML Editors"},{"question":"Which tag is used to create a link?","options":[{"text":"<link>","correct":false},{"text":"<a>","correct":true},{"text":"<href>","correct":false},{"text":"<url>","correct":false}],"explanation":"The <a> (anchor) tag creates a link. The address goes in its href attribute.","chapter":"basic","chapterTitle":"HTML Basic Examples"},{"question":"In <p>Price: <strong>Rs 40</strong></p>, which element is the parent of <strong>?","options":[{"text":"<body>","correct":false},{"text":"<p>","correct":true},{"text":"<html>","correct":false},{"text":"It has no parent","correct":false}],"explanation":"The <strong> element sits directly inside the <p> element, so <p> is its parent.","chapter":"elements","chapterTitle":"HTML Elements"},{"question":"Where are attributes written?","options":[{"text":"Inside the start tag","correct":true},{"text":"Inside the end tag","correct":false},{"text":"Between the start and end tags","correct":false},{"text":"In the <head> only","correct":false}],"explanation":"Attributes always go inside the start tag, for example <a href=\"page.html\">.","chapter":"attributes","chapterTitle":"HTML Attributes"},{"question":"A page has an <h1> title and a main section with an <h2>. Which tag should a sub-section of that section use?","options":[{"text":"<h1>","correct":false},{"text":"<h3>","correct":true},{"text":"<h5>","correct":false},{"text":"<p>","correct":false}],"explanation":"A sub-section of an <h2> section uses the next level down, <h3>. Skipping levels makes the structure confusing.","chapter":"headings","chapterTitle":"HTML Headings"},{"question":"In your code you typed five spaces between two words inside a <p>. How many spaces does the browser show?","options":[{"text":"Five","correct":false},{"text":"One","correct":true},{"text":"None","correct":false},{"text":"It shows an error","correct":false}],"explanation":"Browsers collapse any number of spaces and new lines into a single space. Use <pre> if you need to keep them.","chapter":"paragraphs","chapterTitle":"HTML Paragraphs"},{"question":"Which style makes a paragraph's text red?","options":[{"text":"<p style=\"background-color:red;\">","correct":false},{"text":"<p style=\"color:red;\">","correct":true},{"text":"<p color=\"red\">","correct":false},{"text":"<p style=\"text-color:red;\">","correct":false}],"explanation":"The CSS property for text colour is color. background-color would colour the area behind the text instead.","chapter":"styles","chapterTitle":"HTML Styles"},{"question":"Which tag marks text as important and shows it in bold?","options":[{"text":"<b>","correct":false},{"text":"<strong>","correct":true},{"text":"<mark>","correct":false},{"text":"<em>","correct":false}],"explanation":"<strong> shows bold text and also tells browsers and screen readers that the text is important. <b> is bold for looks only.","chapter":"formatting","chapterTitle":"HTML Text Formatting"},{"question":"Which line is a correct HTML comment?","options":[{"text":"// This is a comment","correct":false},{"text":"/* This is a comment */","correct":false},{"text":"","correct":true},{"text":"<comment>This is a comment</comment>","correct":false}],"explanation":"HTML comments start with . The other forms are used in JavaScript and CSS.","chapter":"comments","chapterTitle":"HTML Comments"},{"question":"What colour is #000000?","options":[{"text":"White","correct":false},{"text":"Black","correct":true},{"text":"Red","correct":false},{"text":"Gray","correct":false}],"explanation":"All three pairs are 00, meaning no red, no green and no blue, which is black. #ffffff is white.","chapter":"colors","chapterTitle":"HTML Colors"},{"question":"Which attribute makes a link open in a new browser tab?","options":[{"text":"href=\"_blank\"","correct":false},{"text":"target=\"_blank\"","correct":true},{"text":"new=\"tab\"","correct":false},{"text":"open=\"new\"","correct":false}],"explanation":"target=\"_blank\" tells the browser to open the linked page in a new tab or window.","chapter":"links","chapterTitle":"HTML Links"},{"question":"Which attribute describes an image for screen readers and when it fails to load?","options":[{"text":"src","correct":false},{"text":"title","correct":false},{"text":"alt","correct":true},{"text":"href","correct":false}],"explanation":"alt holds a text description of the image. It is read by screen readers and shown when the image cannot load.","chapter":"images","chapterTitle":"HTML Images"},{"question":"Which attribute makes a cell stretch across two columns?","options":[{"text":"rowspan=\"2\"","correct":false},{"text":"colspan=\"2\"","correct":true},{"text":"span=\"2\"","correct":false},{"text":"width=\"2\"","correct":false}],"explanation":"colspan sets how many columns a cell covers. rowspan sets how many rows it covers.","chapter":"tables","chapterTitle":"HTML Tables"},{"question":"Which tag creates a numbered list?","options":[{"text":"<ul>","correct":false},{"text":"<ol>","correct":true},{"text":"<li>","correct":false},{"text":"<dl>","correct":false}],"explanation":"<ol> stands for ordered list. Its <li> items are numbered automatically.","chapter":"lists","chapterTitle":"HTML Lists"},{"question":"Which of these is an inline element?","options":[{"text":"<div>","correct":false},{"text":"<p>","correct":false},{"text":"<span>","correct":true},{"text":"<h2>","correct":false}],"explanation":"<span> is inline: it stays in the line of text and is only as wide as its content. The others are block elements.","chapter":"block-inline","chapterTitle":"HTML Block & Inline Elements"},{"question":"How do you select an element with class=\"card\" in CSS?","options":[{"text":"#card","correct":false},{"text":".card","correct":true},{"text":"card()","correct":false},{"text":"*card","correct":false}],"explanation":"A dot selects a class (.card). A hash selects an id (#card).","chapter":"classes-id","chapterTitle":"HTML Classes and Id"},{"question":"A page is at products/laptops.html. Which path reaches css/style.css from that page?","options":[{"text":"css/style.css","correct":false},{"text":"../css/style.css","correct":true},{"text":"./products/css/style.css","correct":false},{"text":"\\css\\style.css","correct":false}],"explanation":"The page is inside the products folder, so ../ goes up to the main folder, and then css/style.css finds the file.","chapter":"file-paths","chapterTitle":"HTML File Paths"},{"question":"Which line adds a favicon to a page?","options":[{"text":"<img src=\"favicon.ico\" rel=\"icon\">","correct":false},{"text":"<meta name=\"favicon\" content=\"favicon.ico\">","correct":false},{"text":"<link rel=\"icon\" href=\"favicon.ico\">","correct":true},{"text":"<title icon=\"favicon.ico\">My Site","correct":false}],"explanation":"A favicon is connected with a link element in the head, using rel=\"icon\" and the file path in href.","chapter":"title-favicon","chapterTitle":"HTML Page Title & Favicon"},{"question":"Which code shows the text
on the page instead of making a line break?","options":[{"text":"
","correct":false},{"text":"\"
\"","correct":false},{"text":"<br>","correct":true},{"text":"&br;","correct":false}],"explanation":"< and > show the < and > characters, so the browser displays the tag as text instead of running it.","chapter":"entities","chapterTitle":"HTML Entities, Symbols & Charset"},{"question":"Several radio buttons should let the user pick only one option. What must they share?","options":[{"text":"The same id","correct":false},{"text":"The same name","correct":true},{"text":"The same value","correct":false},{"text":"The same label","correct":false}],"explanation":"Radio buttons with the same name form one group, so only one of them can be selected. Each must still have its own id.","chapter":"forms","chapterTitle":"HTML Forms"},{"question":"Which input type hides the characters as the user types?","options":[{"text":"text","correct":false},{"text":"hidden","correct":false},{"text":"password","correct":true},{"text":"secret","correct":false}],"explanation":"type=\"password\" shows dots instead of the typed characters. type=\"hidden\" is a field the user cannot see at all.","chapter":"input-types","chapterTitle":"HTML Input Types"},{"question":"Which element lets the user pick from suggestions but still type their own answer?","options":[{"text":"