"],"correctAnswer":"<html>"},{"question":"Is HTML case-sensitive?","options":["Yes, all tags must be uppercase.","Yes, all tags must be lowercase.","No, but it's recommended to use lowercase.","Only attribute names are case-sensitive."],"correctAnswer":"No, but it's recommended to use lowercase."},{"question":"Which attribute specifies the URL for a hyperlink in an <a> tag?","options":["src","href","link","url"],"correctAnswer":"href"},{"question":"What is an HTML element defined by?","options":["A start tag, content, and an end tag.","Just a start tag.","Just an end tag.","Content only."],"correctAnswer":"A start tag, content, and an end tag."},{"question":"What is the correct HTML element for inserting an image?","options":["<image>","<picture>","<img src='image.gif' alt='MyImage'>","<img>"],"correctAnswer":"<img>"},{"question":"Which of the following is a simple text editor recommended for learning HTML?","options":["Adobe Photoshop","Microsoft Word","Notepad (PC) or TextEdit (Mac)","Visual Studio Code"],"correctAnswer":"Notepad (PC) or TextEdit (Mac)"},{"question":"How can you view the HTML source code of a web page in most browsers?","options":["Press CTRL + S","Press CTRL + P","Press CTRL + U","Press CTRL + H"],"correctAnswer":"Press CTRL + U"},{"question":"What does it mean for HTML elements to be 'nested'?","options":["Elements are placed side-by-side.","Elements can contain other elements.","Elements are always empty.","Elements must be written in uppercase."],"correctAnswer":"Elements can contain other elements."},{"question":"What is the purpose of the `alt` attribute in an `<img>` tag?","options":["To provide a caption for the image","To specify a tooltip on hover","To provide alternative text for screen readers and when the image cannot be displayed","To set the image's alignment"],"correctAnswer":"To provide alternative text for screen readers and when the image cannot be displayed"},{"question":"What does HTML stand for?","options":["Hyper Text Markup Language","Home Tool Markup Language","Hyperlinks and Text Markup Language","Hyper-Tooling Markup Language"],"correctAnswer":"Hyper Text Markup Language"},{"question":"How do you create a hyperlink in HTML?","options":["<link href='...'>","<hyperlink>...</hyperlink>","<url>...</url>","<a href='...'>"],"correctAnswer":"<a href='...'>"},{"question":"Which element contains the visible page content?","options":["<head>","<body>","<title>","<meta>"],"correctAnswer":"<body>"},{"question":"What is the preferred encoding for HTML files?","options":["ASCII","UTF-16","UTF-8","ISO-8859-1"],"correctAnswer":"UTF-8"},{"question":"What is the purpose of the 'alt' attribute in an <img> tag?","options":["To provide a title for the image","To provide alternate text if the image cannot be displayed","To set the image alignment","To specify the image source"],"correctAnswer":"To provide alternate text if the image cannot be displayed"},{"question":"Which attribute in an <img> tag is required to provide alternative text for an image?","options":["src","title","alt","href"],"correctAnswer":"alt"},{"question":"How do you make an image a clickable link?","options":["Add a `link` attribute to the `<img>` tag","Wrap the `<img>` tag inside an `<a>` tag","Use the `<image-link>` element","This is not possible with standard HTML"],"correctAnswer":"Wrap the `<img>` tag inside an `<a>` tag"},{"question":"Which tool allows you to edit HTML code and see the result instantly in the browser?","options":["A database manager","An online 'Try it Yourself' editor","A file compression tool","An FTP client"],"correctAnswer":"An online 'Try it Yourself' editor"},{"question":"Which tag is used to define the most important heading?","options":["<h6>","<h1>","<head>","<heading>"],"correctAnswer":"<h1>"},{"question":"What is the relationship between the <body> and <h1> elements in a standard HTML document?","options":["They are siblings.","<h1> is nested inside <body>.","<body> is nested inside <h1>.","They are not related."],"correctAnswer":"<h1> is nested inside <body>."},{"question":"Which CSS property is used to make an image float to the left or right of text?","options":["align","position","float","wrap"],"correctAnswer":"float"},{"question":"Should you always include the end tag for elements like <p>?","options":["No, it's optional.","Yes, to avoid unexpected results and errors.","Only in XHTML.","Only if it has content."],"correctAnswer":"Yes, to avoid unexpected results and errors."},{"question":"Which attribute is required to specify the path to an image?","options":["href","path","src","link"],"correctAnswer":"src"},{"question":"Which attribute is used to add inline CSS styles to an element?","options":["css","font","style","design"],"correctAnswer":"style"},{"question":"Which of the following is an example of an empty HTML element?","options":["<p>","<h1>","<div>","<br>"],"correctAnswer":"<br>"},{"question":"What is the purpose of the <!DOCTYPE html> declaration?","options":["It defines a paragraph.","It sets the title of the document.","It defines that this document is an HTML5 document.","It creates a hyperlink."],"correctAnswer":"It defines that this document is an HTML5 document."},{"question":"What does the 'lang' attribute in the <html> tag declare?","options":["The length of the page","The language of the web page","The loading strategy","The country of the server"],"correctAnswer":"The language of the web page"},{"question":"What is the correct file extension for an HTML file?","options":[".html or .htm",".xml",".css",".txt"],"correctAnswer":".html or .htm"}]}]}]]}],["$","$Lb",null,{"children":"$Lc"}],null,["$","$Ld",null,{"children":["$Le","$Lf",["$","$L10",null,{"promise":"$@11"}]]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","1g8u2IY029_t-D3lTJ06v",{"children":[["$","$L12",null,{"children":"$L13"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],null]}],false]],"m":"$undefined","G":["$14","$undefined"],"s":false,"S":true} </article></body></html>

0:{"P":null,"b":"IQPe9Lc3T1LO7RqC3lQnL","p":"","c":["","html","quiz"],"i":false,"f":[[["",{"children":["(main)",{"children":["html",{"children":["quiz",{"children":["__PAGE__",{}]}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/7eb21f6132870d14.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/081a0afca5a9bd20.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"__variable_f367f3","children":[["$","head",null,{"children":[["$","meta",null,{"name":"google-site-verification","content":"muF_iBxboBWTObrMTQeQvL7HILbvqvFguv8ib3wl798"}],["$","script",null,{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-ZKG26D5TL6"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-ZKG26D5TL6');\n "}}],["$","script",null,{"async":true,"src":"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5593684080210185","crossOrigin":"anonymous"}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Utilizor\",\"url\":\"https://www.utilizor.com\",\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":\"https://www.utilizor.com/tools?q={search_term_string}\",\"query-input\":\"required name=search_term_string\"},\"description\":\"A comprehensive suite of free online tools for productivity, development, SEO, and more.\"}"}}]]}],["$","body",null,{"className":"font-body antialiased bg-background text-foreground","children":[["$","$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."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}],["$","$L4",null,{}]]}]]}]]}],{"children":["(main)",["$","$1","c",{"children":[null,["$","$L5",null,{"Component":"$6","slots":{"children":["$","$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":"$0:f:0:1:1:props:children:1:props:children:1:props:children:0:props:notFound:0:1:props:style","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":"$0:f:0:1:1:props:children:1:props:children:1:props:children:0:props:notFound:0:1:props:children:props:children:1:props:style","children":404}],["$","div",null,{"style":"$0:f:0:1:1:props:children:1:props:children:1:props:children:0:props:notFound:0:1:props:children:props:children:2:props:style","children":["$","h2",null,{"style":"$0:f:0:1:1:props:children:1:props:children:1:props:children:0:props:notFound:0:1:props:children:props:children:2:props:children:props:style","children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]},"params":{},"promise":"$@7"}]]}],{"children":["html",["$","$1","c",{"children":[null,["$","$L5",null,{"Component":"$8","slots":{"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]},"params":"$0:f:0:1:2:children:1:props:children:1:props:params","promise":"$@9"}]]}],{"children":["quiz",["$","$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":[["$","div",null,{"className":"container mx-auto p-4 md:p-8","children":[["$","div",null,{"className":"text-center mb-12","children":[["$","h1",null,{"className":"text-4xl font-extrabold tracking-tight","children":"HTML Quiz"}],["$","p",null,{"className":"mt-4 max-w-2xl mx-auto text-lg text-muted-foreground","children":"Test your knowledge of HTML with 50 randomized questions."}]]}],["$","div",null,{"className":"max-w-4xl mx-auto","children":["$","$La",null,{"questions":[{"question":"How do you view an HTML page in your browser after saving it?","options":["Upload it to a server","Double-click the saved file","Compile the code","Run it through a command prompt"],"correctAnswer":"Double-click the saved file"},{"question":"What tag is used to define a paragraph in HTML?","options":["

","","",""],"correctAnswer":"

"},{"question":"Where are HTML attributes always specified?","options":["In the end tag","After the end tag","In the start tag","In a separate CSS file"],"correctAnswer":"In the start tag"},{"question":"Which HTML element is the root element of an HTML page?","options":["","","",""],"correctAnswer":"<html>"},{"question":"Is HTML case-sensitive?","options":["Yes, all tags must be uppercase.","Yes, all tags must be lowercase.","No, but it's recommended to use lowercase.","Only attribute names are case-sensitive."],"correctAnswer":"No, but it's recommended to use lowercase."},{"question":"Which attribute specifies the URL for a hyperlink in an <a> tag?","options":["src","href","link","url"],"correctAnswer":"href"},{"question":"What is an HTML element defined by?","options":["A start tag, content, and an end tag.","Just a start tag.","Just an end tag.","Content only."],"correctAnswer":"A start tag, content, and an end tag."},{"question":"What is the correct HTML element for inserting an image?","options":["<image>","<picture>","<img src='image.gif' alt='MyImage'>","<img>"],"correctAnswer":"<img>"},{"question":"Which of the following is a simple text editor recommended for learning HTML?","options":["Adobe Photoshop","Microsoft Word","Notepad (PC) or TextEdit (Mac)","Visual Studio Code"],"correctAnswer":"Notepad (PC) or TextEdit (Mac)"},{"question":"How can you view the HTML source code of a web page in most browsers?","options":["Press CTRL + S","Press CTRL + P","Press CTRL + U","Press CTRL + H"],"correctAnswer":"Press CTRL + U"},{"question":"What does it mean for HTML elements to be 'nested'?","options":["Elements are placed side-by-side.","Elements can contain other elements.","Elements are always empty.","Elements must be written in uppercase."],"correctAnswer":"Elements can contain other elements."},{"question":"What is the purpose of the `alt` attribute in an `<img>` tag?","options":["To provide a caption for the image","To specify a tooltip on hover","To provide alternative text for screen readers and when the image cannot be displayed","To set the image's alignment"],"correctAnswer":"To provide alternative text for screen readers and when the image cannot be displayed"},{"question":"What does HTML stand for?","options":["Hyper Text Markup Language","Home Tool Markup Language","Hyperlinks and Text Markup Language","Hyper-Tooling Markup Language"],"correctAnswer":"Hyper Text Markup Language"},{"question":"How do you create a hyperlink in HTML?","options":["<link href='...'>","<hyperlink>...</hyperlink>","<url>...</url>","<a href='...'>"],"correctAnswer":"<a href='...'>"},{"question":"Which element contains the visible page content?","options":["<head>","<body>","<title>","<meta>"],"correctAnswer":"<body>"},{"question":"What is the preferred encoding for HTML files?","options":["ASCII","UTF-16","UTF-8","ISO-8859-1"],"correctAnswer":"UTF-8"},{"question":"What is the purpose of the 'alt' attribute in an <img> tag?","options":["To provide a title for the image","To provide alternate text if the image cannot be displayed","To set the image alignment","To specify the image source"],"correctAnswer":"To provide alternate text if the image cannot be displayed"},{"question":"Which attribute in an <img> tag is required to provide alternative text for an image?","options":["src","title","alt","href"],"correctAnswer":"alt"},{"question":"How do you make an image a clickable link?","options":["Add a `link` attribute to the `<img>` tag","Wrap the `<img>` tag inside an `<a>` tag","Use the `<image-link>` element","This is not possible with standard HTML"],"correctAnswer":"Wrap the `<img>` tag inside an `<a>` tag"},{"question":"Which tool allows you to edit HTML code and see the result instantly in the browser?","options":["A database manager","An online 'Try it Yourself' editor","A file compression tool","An FTP client"],"correctAnswer":"An online 'Try it Yourself' editor"},{"question":"Which tag is used to define the most important heading?","options":["<h6>","<h1>","<head>","<heading>"],"correctAnswer":"<h1>"},{"question":"What is the relationship between the <body> and <h1> elements in a standard HTML document?","options":["They are siblings.","<h1> is nested inside <body>.","<body> is nested inside <h1>.","They are not related."],"correctAnswer":"<h1> is nested inside <body>."},{"question":"Which CSS property is used to make an image float to the left or right of text?","options":["align","position","float","wrap"],"correctAnswer":"float"},{"question":"Should you always include the end tag for elements like <p>?","options":["No, it's optional.","Yes, to avoid unexpected results and errors.","Only in XHTML.","Only if it has content."],"correctAnswer":"Yes, to avoid unexpected results and errors."},{"question":"Which attribute is required to specify the path to an image?","options":["href","path","src","link"],"correctAnswer":"src"},{"question":"Which attribute is used to add inline CSS styles to an element?","options":["css","font","style","design"],"correctAnswer":"style"},{"question":"Which of the following is an example of an empty HTML element?","options":["<p>","<h1>","<div>","<br>"],"correctAnswer":"<br>"},{"question":"What is the purpose of the <!DOCTYPE html> declaration?","options":["It defines a paragraph.","It sets the title of the document.","It defines that this document is an HTML5 document.","It creates a hyperlink."],"correctAnswer":"It defines that this document is an HTML5 document."},{"question":"What does the 'lang' attribute in the <html> tag declare?","options":["The length of the page","The language of the web page","The loading strategy","The country of the server"],"correctAnswer":"The language of the web page"},{"question":"What is the correct file extension for an HTML file?","options":[".html or .htm",".xml",".css",".txt"],"correctAnswer":".html or .htm"}]}]}]]}],["$","$Lb",null,{"children":"$Lc"}],null,["$","$Ld",null,{"children":["$Le","$Lf",["$","$L10",null,{"promise":"$@11"}]]}]]}],{},null,false]},null,false]},null,false]},null,false]},null,false],["$","$1","h",{"children":[null,["$","$1","1g8u2IY029_t-D3lTJ06v",{"children":[["$","$L12",null,{"children":"$L13"}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],null]}],false]],"m":"$undefined","G":["$14","$undefined"],"s":false,"S":true} </article></body></html>