"}],"correctAnswerId":"opt3","explanation":"The <head> element contains meta information such as <meta>, <title>, and <link>."},{"id":"html-basics-q15","question":"What is the correct order of heading tags from largest to smallest in HTML?","options":[{"id":"opt1","text":"<h6>, <h5>, <h4>, <h3>, <h2>, <h1>"},{"id":"opt2","text":"<h1>, <h2>, <h3>, <h4>, <h5>, <h6>"},{"id":"opt3","text":"<header>, <title>, <h1>, <h2>, <h3>, <h4>"},{"id":"opt4","text":"<h1>, <h3>, <h2>, <h4>, <h6>, <h5>"}],"correctAnswerId":"opt2","explanation":"HTML headings range from <h1> (the largest and most important) to <h6> (the smallest)."},{"id":"html-basics-q16","question":"Which of these tags is not a heading tag in HTML?","options":[{"id":"opt1","text":"<h5>"},{"id":"opt2","text":"<h3>"},{"id":"opt3","text":"<h9>"},{"id":"opt4","text":"<h1>"}],"correctAnswerId":"opt3","explanation":"HTML only defines heading tags from <h1> to <h6>. <h9> is not a valid heading tag."},{"id":"html-basics-q17","question":"Is it the best way to include H1 heading only one time on the web page?","options":[{"id":"opt1","text":"True"},{"id":"opt2","text":"False"}],"correctAnswerId":"opt1","explanation":"It is recommended to use only one <h1> element per page to maintain a clear and semantic structure, which is beneficial for SEO."},{"id":"html-basics-q18","question":"What is the purpose of the <title> tag in HTML?","options":[{"id":"opt1","text":"To display a heading on the page"},{"id":"opt2","text":"To define metadata"},{"id":"opt3","text":"To set the title shown on the browser tab"},{"id":"opt4","text":"To add a subtitle"}],"correctAnswerId":"opt3","explanation":"The <title> tag defines the page title shown in the browser's title bar or tab."},{"id":"html-basics-q19","question":"Which HTML tag is used to group content together for styling or layout purposes?","options":[{"id":"opt1","text":"<span>"},{"id":"opt2","text":"<group>"},{"id":"opt3","text":"<div>"},{"id":"opt4","text":"<body>"}],"correctAnswerId":"opt3","explanation":"<div> is a block-level element used to group content for layout and styling."},{"id":"html-basics-q20","question":" How do we write comments in HTML?","options":[{"id":"opt1","text":"</…….>"},{"id":"opt2","text":"<!……>"},{"id":"opt3","text":"</……/>"},{"id":"opt4","text":"<…….!>"}],"correctAnswerId":"opt2","explanation":"If one wants to add a comment in code, add the text between these characters <!…..comment….>."}]},{"id":"links-and-lists","name":"Links and Lists","slug":"links-and-lists","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-links-q1","question":"Which tag is used to create a numbered list in HTML?","options":[{"id":"opt1","text":"<ol>"},{"id":"opt2","text":"<ul>"},{"id":"opt3","text":"<li>"},{"id":"opt4","text":"<ll>"}],"correctAnswerId":"opt1","explanation":"<ol> tag is used to create the numbered list or ordered list items in an HTML document."},{"id":"html-links-q2","question":"Which element is used for creating links?","options":[{"id":"opt1","text":"<a>"},{"id":"opt2","text":"<p>"},{"id":"opt3","text":"<li>"},{"id":"opt4","text":"<ol>"}],"correctAnswerId":"opt1","explanation":"<a> element is used for creating links. We can click anything written between opening <a> tag and closing </a> tag."},{"id":"html-links-q3","question":"Which one of the following is not the value of the target attribute?","options":[{"id":"opt1","text":"_blank"},{"id":"opt2","text":"_top"},{"id":"opt3","text":"_self"},{"id":"opt4","text":"_empty"}],"correctAnswerId":"opt4","explanation":"Where to open linked document is specified by target attribute. It can have the values _blank, _top, _parent, _self, framename. _blank opens linked document is a new tab or window."},{"id":"html-links-q4","question":"What does the <ul> tag represent?","options":[{"id":"opt1","text":"Unordered list"},{"id":"opt2","text":"Ordered list"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Definition list"}],"correctAnswerId":"opt1","explanation":"<ul> tag is used to create an unordered list in HTML."},{"id":"html-links-q5","question":"Which attribute is used to specify the URL of the page the link goes to?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"href"},{"id":"opt3","text":"link"},{"id":"opt4","text":"url"}],"correctAnswerId":"opt2","explanation":"The href attribute specifies the URL of the page the link goes to."},{"id":"html-links-q6","question":"Which tag is used to define a list item?","options":[{"id":"opt1","text":"<li>"},{"id":"opt2","text":"<item>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<ul>"}],"correctAnswerId":"opt1","explanation":"<li> tag is used to define a list item in both ordered and unordered lists."},{"id":"html-links-q7","question":"What is the default style of an unordered list?","options":[{"id":"opt1","text":"Square bullets"},{"id":"opt2","text":"No bullets"},{"id":"opt3","text":"Circle bullets"},{"id":"opt4","text":"Diamond bullets"}],"correctAnswerId":"opt3","explanation":"The default style of an unordered list is circle bullets."},{"id":"html-links-q8","question":"Which tag is used to create a definition list?","options":[{"id":"opt1","text":"<ul>"},{"id":"opt2","text":"<ol>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<dl>"}],"correctAnswerId":"opt4","explanation":"<dl> tag is used to create a definition list in HTML."},{"id":"html-links-q9","question":"What does the <dt> tag represent?","options":[{"id":"opt1","text":"Definition term"},{"id":"opt2","text":"Definition description"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Unordered list"}],"correctAnswerId":"opt1","explanation":"<dt> tag is used to define a term in a definition list."},{"id":"html-links-q10","question":"What does the <dd> tag represent?","options":[{"id":"opt1","text":"Definition term"},{"id":"opt2","text":"Definition description"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Unordered list"}],"correctAnswerId":"opt2","explanation":"<dd> tag is used to provide a description for a term in a definition list."},{"id":"html-links-q11","question":"Which attribute can be used to open a link in a new tab?","options":[{"id":"opt1","text":"target='_new'"},{"id":"opt2","text":"target='_self'"},{"id":"opt3","text":"target='_blank'"},{"id":"opt4","text":"target='_parent'"}],"correctAnswerId":"opt3","explanation":"Using target='_blank' opens the link in a new tab or window."},{"id":"html-links-q12","question":"Which of the following is a valid way to create a link to an email address?","options":[{"id":"opt1","text":"<a href='mailto:example@example.com'>Email Us</a>"},{"id":"opt2","text":"<a href='http://example@example.com'>Email Us</a>"},{"id":"opt3","text":"<a href='tel:123456789'>Call Us</a>"},{"id":"opt4","text":"<a href='sms:123456789'>Text Us</a>"}],"correctAnswerId":"opt1","explanation":"The 'mailto:' scheme is used to create a link that opens the user's email client."},{"id":"html-links-q13","question":"What is the purpose of the <nav> tag?","options":[{"id":"opt1","text":"To define a section of the document"},{"id":"opt2","text":"To define navigation links"},{"id":"opt3","text":"To define a footer"},{"id":"opt4","text":"To define a header"}],"correctAnswerId":"opt2","explanation":"<nav> tag is used to define a set of navigation links."},{"id":"html-links-q14","question":"Which of the following is a valid HTML comment?","options":[{"id":"opt1","text":""},{"id":"opt2","text":"// This is a comment"},{"id":"opt3","text":"/* This is a comment */"},{"id":"opt4","text":"<# This is a comment #>"}],"correctAnswerId":"opt1","explanation":"HTML comments are written using  syntax."},{"id":"html-links-q15","question":"Which tag is used to create a hyperlink?","options":[{"id":"opt1","text":"<link>"},{"id":"opt2","text":"<a>"},{"id":"opt3","text":"<href>"},{"id":"opt4","text":"<url>"}],"correctAnswerId":"opt2","explanation":"<a> tag is used to create hyperlinks in HTML."},{"id":"html-links-q16","question":"What is the correct way to create a list with nested lists?","options":[{"id":"opt1","text":"<ul><li>Item 1<li>Subitem 1</li></li></ul>"},{"id":"opt2","text":"<ul><li>Item 1><ul><li>Subitem 1</li></ul></li></ul>"},{"id":"opt3","text":"<ul><li>Item 1</li><ul><li>Subitem 1</li></ul></li></ul>"},{"id":"opt4","text":"<ul><li>Item 1<ul><li>Subitem 1</li></ul></li></ul>"}],"correctAnswerId":"opt4","explanation":"To create nested lists, you can place a <ul> inside a <li>."},{"id":"html-links-q17","question":"Which of the following is not a valid list type in HTML?","options":[{"id":"opt1","text":"Ordered list"},{"id":"opt2","text":"Unordered list"},{"id":"opt3","text":"Description list"},{"id":"opt4","text":"Mixed list"}],"correctAnswerId":"opt4","explanation":"There is no 'mixed list' type in HTML; lists are either ordered, unordered, or definition lists."},{"id":"html-links-q18","question":"What is the purpose of the <li> tag?","options":[{"id":"opt1","text":"To define a list item"},{"id":"opt2","text":"To define a link"},{"id":"opt3","text":"To define a paragraph"},{"id":"opt4","text":"To define a header"}],"correctAnswerId":"opt1","explanation":"<li> tag is used to define an item in a list."},{"id":"html-links-q19","question":"Which of the following attributes is not valid for the <a> tag?","options":[{"id":"opt1","text":"href"},{"id":"opt2","text":"target"},{"id":"opt3","text":"rel"},{"id":"opt4","text":"style"}],"correctAnswerId":"opt4","explanation":"All listed attributes are valid for the <a> tag except 'style', which is not specific to links."},{"id":"html-links-q20","question":"What does the <a> tag's rel attribute specify?","options":[{"id":"opt1","text":"The target of the link"},{"id":"opt2","text":"Relationship between the current document and the linked document"},{"id":"opt3","text":"The style of the link"},{"id":"opt4","text":"The title of the link"}],"correctAnswerId":"opt2","explanation":"The rel attribute specifies the relationship between the current document and the linked document."}]},{"id":"photos-and-videos","name":"Photos and Videos","slug":"photos-and-videos","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-photos-q1","question":"Which of the following elements in HTML5 defines video or movie content?","options":[{"id":"opt1","text":"<video>"},{"id":"opt2","text":"<movie>"},{"id":"opt3","text":"<audio>"},{"id":"opt4","text":"<media>"}],"correctAnswerId":"opt1","explanation":"The HTML5 video element specifies a standard way to embed a video in a webpage."},{"id":"html-photos-q2","question":"Which HTML tag is used to insert an image?","options":[{"id":"opt1","text":"<img url=”htmllogo.jpg” />"},{"id":"opt2","text":"<img alt=”htmllogo.jpg” />"},{"id":"opt3","text":"<img src=”htmllogo.jpg” />"},{"id":"opt4","text":"<img link=”htmllogo.jpg” />"}],"correctAnswerId":"opt3","explanation":"In HTML, <img> tag is used to insert an image in HTML page. Image tag has two attributes (src and Alt)."},{"id":"html-photos-q3","question":"In HTML Audio/Video DOM, __________ sets or returns whether the audio/video should be loaded when the page loads.","options":[{"id":"opt1","text":"preload"},{"id":"opt2","text":"autoplay"},{"id":"opt3","text":"buffered"},{"id":"opt4","text":"controller"}],"correctAnswerId":"opt1","explanation":"The preload property allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience."},{"id":"html-photos-q4","question":"Which attribute is used to specify the source of the video in the <video> tag?","options":[{"id":"opt1","text":"source"},{"id":"opt2","text":"src"},{"id":"opt3","text":"file"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt2","explanation":"The src attribute in the <video> tag specifies the URL of the video file."},{"id":"html-photos-q5","question":"Which of the following attributes can be used to make a video play automatically?","options":[{"id":"opt1","text":"play"},{"id":"opt2","text":"start"},{"id":"opt3","text":"autoplay"},{"id":"opt4","text":"loop"}],"correctAnswerId":"opt3","explanation":"The autoplay attribute makes the video start playing as soon as it is ready."},{"id":"html-photos-q6","question":"What does the <audio> tag do in HTML?","options":[{"id":"opt1","text":"Defines video content"},{"id":"opt2","text":"Defines text content"},{"id":"opt3","text":"Defines image content"},{"id":"opt4","text":"Defines audio content"}],"correctAnswerId":"opt4","explanation":"The <audio> tag is used to embed sound content in a document."},{"id":"html-photos-q7","question":"Which attribute is used to specify the audio file in the <audio> tag?","options":[{"id":"opt1","text":"file"},{"id":"opt2","text":"source"},{"id":"opt3","text":"src"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt3","explanation":"The src attribute in the <audio> tag specifies the URL of the audio file."},{"id":"html-photos-q8","question":"Which of the following is a valid way to include multiple sources for a video?","options":[{"id":"opt1","text":"<video><source src='video.mp4'></video><video><source src='video.ogg'></video>"},{"id":"opt2","text":"<video src='video.mp4' src='video.ogg'></video>"},{"id":"opt3","text":"<video><source src='video.mp4' type='video/mp4'><source src='video.ogg' type='video/ogg'></video>"},{"id":"opt4","text":"<video><source src='video.mp4' /><source src='video.ogg' /></video>"}],"correctAnswerId":"opt3","explanation":"You can include multiple <source> elements within a <video> tag to provide different video formats."},{"id":"html-photos-q9","question":"What does the controls attribute do in the <video> tag?","options":[{"id":"opt1","text":"Hires video controls"},{"id":"opt2","text":"Autoplays the video"},{"id":"opt3","text":"Displays video controls"},{"id":"opt4","text":"Loops the video"}],"correctAnswerId":"opt3","explanation":"The controls attribute adds video controls, like play, pause, and volume."},{"id":"html-photos-q10","question":"Which of the following is not a valid video format for the <video> tag?","options":[{"id":"opt1","text":"AVI"},{"id":"opt2","text":"MP4"},{"id":"opt3","text":"WEBM"},{"id":"opt4","text":"OGG"}],"correctAnswerId":"opt1","explanation":"AVI is not a valid format for the <video> tag; common formats include MP4, WEBM, and OGG."},{"id":"html-photos-q11","question":"What is the purpose of the alt attribute in the <img> tag?","options":[{"id":"opt1","text":"To provide alternative text when image fails to load"},{"id":"opt2","text":"To specify image alignment"},{"id":"opt3","text":"To set image dimensions"},{"id":"opt4","text":"To link the image"}],"correctAnswerId":"opt1","explanation":"The alt attribute provides alternative text for an image if it cannot be displayed."},{"id":"html-photos-q12","question":"Which attribute controls whether an audio file should play repeatedly?","options":[{"id":"opt1","text":"repeat"},{"id":"opt2","text":"autoplay"},{"id":"opt3","text":"loop"},{"id":"opt4","text":"replay"}],"correctAnswerId":"opt3","explanation":"The loop attribute makes the audio play repeatedly."},{"id":"html-photos-q13","question":"What does the poster attribute in <video> specify?","options":[{"id":"opt1","text":"Video thumbnail image"},{"id":"opt2","text":"Video duration"},{"id":"opt3","text":"Video quality"},{"id":"opt4","text":"Video title"}],"correctAnswerId":"opt1","explanation":"The poster attribute specifies an image to show while the video is downloading or before playback."},{"id":"html-photos-q14","question":"Which HTML5 element is used for vector graphics?","options":[{"id":"opt1","text":"<canvas>"},{"id":"opt2","text":"<svg>"},{"id":"opt3","text":"<img>"},{"id":"opt4","text":"<figure>"}],"correctAnswerId":"opt2","explanation":"The <svg> element is used for scalable vector graphics in HTML5."},{"id":"html-photos-q15","question":"What is the purpose of the <track> element in HTML5?","options":[{"id":"opt1","text":"To add captions/subtitles to media"},{"id":"opt2","text":"To create audio tracks"},{"id":"opt3","text":"To animate elements"},{"id":"opt4","text":"To define media controls"}],"correctAnswerId":"opt1","explanation":"The <track> element provides text tracks like subtitles or captions for media elements."},{"id":"html-photos-q16","question":"Which attribute specifies that a video should play without sound?","options":[{"id":"opt1","text":"nosound"},{"id":"opt2","text":"mute"},{"id":"opt3","text":"silent"},{"id":"opt4","text":"muted"}],"correctAnswerId":"opt4","explanation":"The muted attribute specifies that the video should play without sound."},{"id":"html-photos-q17","question":"Which tag is used to group multiple image resources?","options":[{"id":"opt1","text":"<images>"},{"id":"opt2","text":"<picture>"},{"id":"opt3","text":"<gallery>"},{"id":"opt4","text":"<imgset>"}],"correctAnswerId":"opt2","explanation":"The <picture> element allows grouping multiple image resources for responsive design."},{"id":"html-photos-q18","question":"What is the correct way to make a video fill its container while maintaining aspect ratio?","options":[{"id":"opt1","text":"object-fit: fill"},{"id":"opt2","text":"object-fit: contain"},{"id":"opt3","text":"object-fit: cover"},{"id":"opt4","text":"object-fit: scale"}],"correctAnswerId":"opt3","explanation":"object-fit: cover makes the video fill its container while maintaining aspect ratio."},{"id":"html-photos-q19","question":"Which attribute defines the width of an image in pixels?","options":[{"id":"opt1","text":"size"},{"id":"opt2","text":"width"},{"id":"opt3","text":"px"},{"id":"opt4","text":"dimension"}],"correctAnswerId":"opt2","explanation":"The width attribute specifies the width of an image in pixels."},{"id":"html-photos-q20","question":"Which of these is NOT a valid attribute for <source> element?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"type"},{"id":"opt3","text":"media"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt4","explanation":"<source> elements use src, type, and media attributes, but not href."}]},{"id":"forms-and-inputs","name":"Forms and Inputs","slug":"forms-and-inputs","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-forms-q1","question":"What is the default type of ‘type’ attribute of <input> element?","options":[{"id":"opt1","text":"Text"},{"id":"opt2","text":"Password"},{"id":"opt3","text":"Numerals"},{"id":"opt4","text":"Special Characters"}],"correctAnswerId":"opt1","explanation":"Text input type defines single line text field."},{"id":"html-forms-q2","question":"Which attribute defines the file-select field?","options":[{"id":"opt1","text":"file"},{"id":"opt2","text":"checkbox"},{"id":"opt3","text":"button"},{"id":"opt4","text":"text"}],"correctAnswerId":"opt1","explanation":"file input type defines a file-select field, also gives a “Browse” button for file uploads."},{"id":"html-forms-q3","question":"Which of the following is not used with password attribute?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"size"},{"id":"opt3","text":"maxlength"},{"id":"opt4","text":"min"}],"correctAnswerId":"opt4","explanation":"min is not used with password attribute ."},{"id":"html-forms-q4","question":"Which element is used to create multi-line text input?","options":[{"id":"opt1","text":"text"},{"id":"opt2","text":"textarea"},{"id":"opt3","text":"submit"},{"id":"opt4","text":"radio button"}],"correctAnswerId":"opt2","explanation":"For creating multi-line text input we use <textarea> element."},{"id":"html-forms-q5","question":"Which attribute is not used for the radio type?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"selected"}],"correctAnswerId":"opt4","explanation":"selected is not used with radio type ."},{"id":"html-forms-q6","question":"Which attribute is used to pre-select a radio button by default?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"selected"}],"correctAnswerId":"opt3","explanation":"The 'checked' attribute is used to pre-select a radio button by default. Note that only one radio button in a group can be checked."},{"id":"html-forms-q7","question":"What does the action attribute in a form specify?","options":[{"id":"opt1","text":"The method of form submission"},{"id":"opt2","text":"The URL to send the form data"},{"id":"opt3","text":"The type of input fields"},{"id":"opt4","text":"The name of the form"}],"correctAnswerId":"opt2","explanation":"The action attribute specifies the URL where the form data will be sent."},{"id":"html-forms-q8","question":"Which method is used to send form data to the server?","options":[{"id":"opt1","text":"GET"},{"id":"opt2","text":"POST"},{"id":"opt3","text":"Both GET and POST"},{"id":"opt4","text":"None of the above"}],"correctAnswerId":"opt3","explanation":"Both GET and POST methods can be used to send form data to the server."},{"id":"html-forms-q9","question":"What is the purpose of the method attribute in a form?","options":[{"id":"opt1","text":"To specify the form's action"},{"id":"opt2","text":"To define how to send form data"},{"id":"opt3","text":"To set the form's target"},{"id":"opt4","text":"To validate form inputs"}],"correctAnswerId":"opt2","explanation":"The method attribute defines how to send form data (GET or POST)."},{"id":"html-forms-q10","question":"Which input type is used for a checkbox?","options":[{"id":"opt1","text":"checkbox"},{"id":"opt2","text":"radio"},{"id":"opt3","text":"text"},{"id":"opt4","text":"button"}],"correctAnswerId":"opt1","explanation":"The checkbox input type is used for checkboxes."},{"id":"html-forms-q11","question":"What is the purpose of the placeholder attribute?","options":[{"id":"opt1","text":"To provide a default value"},{"id":"opt2","text":"To give a hint to the user"},{"id":"opt3","text":"To specify the input type"},{"id":"opt4","text":"To validate the input"}],"correctAnswerId":"opt2","explanation":"The placeholder attribute provides a hint to the user about what to enter in the input field."},{"id":"html-forms-q12","question":"Which attribute is used to group related radio buttons?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"form"}],"correctAnswerId":"opt1","explanation":"The name attribute is used to group related radio buttons."},{"id":"html-forms-q13","question":"What does the required attribute do?","options":[{"id":"opt1","text":"Makes the input field optional"},{"id":"opt2","text":"Makes the input field mandatory"},{"id":"opt3","text":"Sets a default value"},{"id":"opt4","text":"Limits the input length"}],"correctAnswerId":"opt2","explanation":"The required attribute makes the input field mandatory."},{"id":"html-forms-q14","question":"Which input type is used for entering a date?","options":[{"id":"opt1","text":"date"},{"id":"opt2","text":"datetime"},{"id":"opt3","text":"calendar"},{"id":"opt4","text":"time"}],"correctAnswerId":"opt1","explanation":"The date input type is used for entering a date."},{"id":"html-forms-q15","question":"What is the purpose of the autocomplete attribute?","options":[{"id":"opt1","text":"To enable auto-filling of input fields"},{"id":"opt2","text":"To disable form submission"},{"id":"opt3","text":"To validate input"},{"id":"opt4","text":"To set input type"}],"correctAnswerId":"opt1","explanation":"The autocomplete attribute enables auto-filling of input fields based on previous entries."},{"id":"html-forms-q16","question":"Which element is used to create a dropdown list?","options":[{"id":"opt1","text":"<select>"},{"id":"opt2","text":"<dropdown>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<option>"}],"correctAnswerId":"opt1","explanation":"The <select> element is used to create a dropdown list."},{"id":"html-forms-q17","question":"What does the value attribute represent in an input element?","options":[{"id":"opt1","text":"The type of input"},{"id":"opt2","text":"The default value of the input"},{"id":"opt3","text":"The name of the input"},{"id":"opt4","text":"The label of the input"}],"correctAnswerId":"opt2","explanation":"The value attribute represents the default value of the input element."},{"id":"html-forms-q18","question":"Which input type is used for entering a telephone number?","options":[{"id":"opt1","text":"tel"},{"id":"opt2","text":"phone"},{"id":"opt3","text":"text"},{"id":"opt4","text":"number"}],"correctAnswerId":"opt1","explanation":"The tel input type is used for entering a telephone number."},{"id":"html-forms-q19","question":"What is the purpose of the target attribute in a form?","options":[{"id":"opt1","text":"To specify where to open the response"},{"id":"opt2","text":"To define the form's action"},{"id":"opt3","text":"To set the method of submission"},{"id":"opt4","text":"To validate the form"}],"correctAnswerId":"opt1","explanation":"The target attribute specifies where to open the response after submitting the form."},{"id":"html-forms-q20","question":"Which input type is used for entering a URL?","options":[{"id":"opt1","text":"url"},{"id":"opt2","text":"link"},{"id":"opt3","text":"text"},{"id":"opt4","text":"web"}],"correctAnswerId":"opt1","explanation":"The url input type is used for entering a URL."}]},{"id":"tables-and-iframes","name":"Tables and iFrames","slug":"tables-and-iframes","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-tables-q1","question":"Each cell of the table can be represented by using __________","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<thead>"}],"correctAnswerId":"opt2","explanation":"td stands for table data, we can represent each cell of the table by using <td>, at the end we used </td> tag."},{"id":"html-tables-q2","question":"Headings of table lies inside ___________","options":[{"id":"opt1","text":"<thead>"},{"id":"opt2","text":"<tfoot>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<tbody>"}],"correctAnswerId":"opt1","explanation":"Headings of the table lies inside <thead> element."},{"id":"html-tables-q3","question":"For adding caption to the table we use ____________","options":[{"id":"opt1","text":"<caption>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<tr>"}],"correctAnswerId":"opt1","explanation":"For adding caption to the table we use <caption> tag."},{"id":"html-tables-q4","question":"Borders can’t be applied on ________________","options":[{"id":"opt1","text":"<th>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<tr>"},{"id":"opt4","text":"<thead>"}],"correctAnswerId":"opt3","explanation":"Borders can’t be applied on <tr> elements. It can’t be applied on table structural elements."},{"id":"html-tables-q5","question":"Which attribute is used to specify the number of columns a cell should span?","options":[{"id":"opt1","text":"rowspan"},{"id":"opt2","text":"colspan"},{"id":"opt3","text":"span"},{"id":"opt4","text":"width"}],"correctAnswerId":"opt2","explanation":"The colspan attribute specifies the number of columns a cell should span."},{"id":"html-tables-q6","question":"Which element is used to group footer content in a table?","options":[{"id":"opt1","text":"<tfoot>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<tbody>"},{"id":"opt4","text":"<caption>"}],"correctAnswerId":"opt1","explanation":"The <tfoot> element is used to group footer content in a table."},{"id":"html-tables-q7","question":"What does the <th> element represent in a table?","options":[{"id":"opt1","text":"Table header"},{"id":"opt2","text":"Table data"},{"id":"opt3","text":"Table row"},{"id":"opt4","text":"Table footer"}],"correctAnswerId":"opt1","explanation":"<th> element represents a header cell in a table."},{"id":"html-tables-q8","question":"Which attribute is used to set the width of a table?","options":[{"id":"opt1","text":"width"},{"id":"opt2","text":"size"},{"id":"opt3","text":"height"},{"id":"opt4","text":"length"}],"correctAnswerId":"opt1","explanation":"The width attribute is used to set the width of a table."},{"id":"html-tables-q9","question":"Which element is used to create a new row in a table?","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<table>"}],"correctAnswerId":"opt1","explanation":"<tr> element is used to create a new row in a table."},{"id":"html-tables-q10","question":"What is the purpose of the <caption> element in a table?","options":[{"id":"opt1","text":"To define the table's title"},{"id":"opt2","text":"To create a header"},{"id":"opt3","text":"To add a footer"},{"id":"opt4","text":"To group rows"}],"correctAnswerId":"opt1","explanation":"The <caption> element is used to define the table's title."},{"id":"html-tables-q11","question":"Which attribute can be used to merge two or more rows in a table?","options":[{"id":"opt1","text":"rowspan"},{"id":"opt2","text":"colspan"},{"id":"opt3","text":"merge"},{"id":"opt4","text":"combine"}],"correctAnswerId":"opt1","explanation":"The rowspan attribute is used to merge two or more rows in a table."},{"id":"html-tables-q12","question":"What does the <tbody> element represent in a table?","options":[{"id":"opt1","text":"Table body"},{"id":"opt2","text":"Table header"},{"id":"opt3","text":"Table footer"},{"id":"opt4","text":"Table caption"}],"correctAnswerId":"opt1","explanation":"<tbody> element represents the body of the table."},{"id":"html-tables-q13","question":"Which attribute is used to specify the alignment of the content in a table cell?","options":[{"id":"opt1","text":"align"},{"id":"opt2","text":"valign"},{"id":"opt3","text":"style"},{"id":"opt4","text":"position"}],"correctAnswerId":"opt1","explanation":"The align attribute is used to specify the alignment of the content in a table cell."},{"id":"html-tables-q14","question":"Which element is used to create an inline frame?","options":[{"id":"opt1","text":"<iframe>"},{"id":"opt2","text":"<frame>"},{"id":"opt3","text":"<inline>"},{"id":"opt4","text":"<object>"}],"correctAnswerId":"opt1","explanation":"<iframe> element is used to create an inline frame."},{"id":"html-tables-q15","question":"What attribute is used to specify the source URL of an iframe?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"href"},{"id":"opt3","text":"url"},{"id":"opt4","text":"link"}],"correctAnswerId":"opt1","explanation":"The src attribute is used to specify the source URL of an iframe."},{"id":"html-tables-q16","question":"Which attribute can be used to specify the height of an iframe?","options":[{"id":"opt1","text":"height"},{"id":"opt2","text":"size"},{"id":"opt3","text":"width"},{"id":"opt4","text":"length"}],"correctAnswerId":"opt1","explanation":"The height attribute is used to specify the height of an iframe."},{"id":"html-tables-q17","question":"What does the 'sandbox' attribute do in an iframe?","options":[{"id":"opt1","text":"Restricts actions in the iframe"},{"id":"opt2","text":"Sets the iframe's border"},{"id":"opt3","text":"Defines the iframe's size"},{"id":"opt4","text":"Specifies the source"}],"correctAnswerId":"opt1","explanation":"The sandbox attribute restricts actions in the iframe for security purposes."},{"id":"html-tables-q18","question":"Which attribute is used to specify the frame border width in an iframe?","options":[{"id":"opt1","text":"border"},{"id":"opt2","text":"frameborder"},{"id":"opt3","text":"width"},{"id":"opt4","text":"style"}],"correctAnswerId":"opt2","explanation":"The frameborder attribute is used to specify the frame border width in an iframe."},{"id":"html-tables-q19","question":"What does the 'allowfullscreen' attribute do in an iframe?","options":[{"id":"opt1","text":"Allows the iframe to be displayed in full screen"},{"id":"opt2","text":"Restricts the iframe's size"},{"id":"opt3","text":"Sets the iframe's border"},{"id":"opt4","text":"Specifies the source"}],"correctAnswerId":"opt1","explanation":"The allowfullscreen attribute allows the iframe to be displayed in full screen."},{"id":"html-tables-q20","question":"Which element is used to create a table row?","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<table>"}],"correctAnswerId":"opt1","explanation":"<tr> element is used to create a table row."},{"id":"html-tables-q21","question":"What is the default border size of a table?","options":[{"id":"opt1","text":"0"},{"id":"opt2","text":"1"},{"id":"opt3","text":"2"},{"id":"opt4","text":"3"}],"correctAnswerId":"opt1","explanation":"The default border size of a table is 0, meaning no border is displayed."},{"id":"html-tables-q22","question":"Which attribute is used to specify the alignment of the table itself?","options":[{"id":"opt1","text":"align"},{"id":"opt2","text":"position"},{"id":"opt3","text":"style"},{"id":"opt4","text":"float"}],"correctAnswerId":"opt1","explanation":"The align attribute is used to specify the alignment of the table itself."},{"id":"html-tables-q23","question":"What does the 'srcdoc' attribute do in an iframe?","options":[{"id":"opt1","text":"Specifies the HTML content of the iframe"},{"id":"opt2","text":"Defines the source URL"},{"id":"opt3","text":"Sets the iframe's border"},{"id":"opt4","text":"Specifies the height"}],"correctAnswerId":"opt1","explanation":"The srcdoc attribute specifies the HTML content of the iframe."},{"id":"html-tables-q24","question":"Which element is used to create a table footer?","options":[{"id":"opt1","text":"<tfoot>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<tbody>"},{"id":"opt4","text":"<caption>"}],"correctAnswerId":"opt1","explanation":"<tfoot> element is used to create a table footer."},{"id":"html-tables-q25","question":"What is the purpose of the 'frame' attribute in an iframe?","options":[{"id":"opt1","text":"Defines the type of frame"},{"id":"opt2","text":"Sets the border style"},{"id":"opt3","text":"Specifies the source"},{"id":"opt4","text":"Sets the height"}],"correctAnswerId":"opt1","explanation":"The frame attribute defines the type of frame for the iframe."}]},{"id":"semantic-tags","name":"Semantic Tags","slug":"semantic-tags","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-semantic-q1","question":"Which element works as a sidebar?","options":[{"id":"opt1","text":"<header>"},{"id":"opt2","text":"<footer>"},{"id":"opt3","text":"<nav>"},{"id":"opt4","text":"<aside>"}],"correctAnswerId":"opt4","explanation":"<aside> element works like a sidebar. It defines some content aside from the content it is placed in."},{"id":"html-semantic-q2","question":"Which of the following elements is used to define a section in a document?","options":[{"id":"opt1","text":"<section>"},{"id":"opt2","text":"<div>"},{"id":"opt3","text":"<head>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"The <section> element is a semantic tag used to define sections in a web page."},{"id":"html-semantic-q3","question":"Which of the following is a semantic HTML element?","options":[{"id":"opt1","text":"<b>"},{"id":"opt2","text":"<i>"},{"id":"opt3","text":"<strong>"},{"id":"opt4","text":"<span>"}],"correctAnswerId":"opt3","explanation":"<strong> is semantic because it indicates importance, not just style."},{"id":"html-semantic-q4","question":"Which element is used to define the main content of a document?","options":[{"id":"opt1","text":"<main>"},{"id":"opt2","text":"<article>"},{"id":"opt3","text":"<section>"},{"id":"opt4","text":"<div>"}],"correctAnswerId":"opt1","explanation":"<main> element is used to define the main content of a document."},{"id":"html-semantic-q5","question":"Which element is used to represent a self-contained composition in a document?","options":[{"id":"opt1","text":"<section>"},{"id":"opt2","text":"<article>"},{"id":"opt3","text":"<aside>"},{"id":"opt4","text":"<header>"}],"correctAnswerId":"opt2","explanation":"<article> element represents a self-contained composition in a document."},{"id":"html-semantic-q6","question":"Which element is used to define navigation links?","options":[{"id":"opt1","text":"<nav>"},{"id":"opt2","text":"<link>"},{"id":"opt3","text":"<menu>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"<nav> element is used to define navigation links."},{"id":"html-semantic-q7","question":"Which element is used to define a footer for a document or section?","options":[{"id":"opt1","text":"<footer>"},{"id":"opt2","text":"<section>"},{"id":"opt3","text":"<aside>"},{"id":"opt4","text":"<header>"}],"correctAnswerId":"opt1","explanation":"<footer> element is used to define a footer for a document or section."},{"id":"html-semantic-q8","question":"Which element is used to define a header for a document or section?","options":[{"id":"opt1","text":"<header>"},{"id":"opt2","text":"<nav>"},{"id":"opt3","text":"<section>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"<header> element is used to define a header for a document or section."},{"id":"html-semantic-q9","question":"Which element is used to define a time or date?","options":[{"id":"opt1","text":"<time>"},{"id":"opt2","text":"<date>"},{"id":"opt3","text":"<datetime>"},{"id":"opt4","text":"<timestamp>"}],"correctAnswerId":"opt1","explanation":"<time> element is used to define a time or date."},{"id":"html-semantic-q10","question":"Which element is used to define a definition list?","options":[{"id":"opt1","text":"<dl>"},{"id":"opt2","text":"<ul>"},{"id":"opt3","text":"<ol>"},{"id":"opt4","text":"<list>"}],"correctAnswerId":"opt1","explanation":"<dl> element is used to define a definition list."},{"id":"html-semantic-q11","question":"Which element is used to define a term in a definition list?","options":[{"id":"opt1","text":"<dt>"},{"id":"opt2","text":"<dd>"},{"id":"opt3","text":"<dl>"},{"id":"opt4","text":"<li>"}],"correctAnswerId":"opt1","explanation":"<dt> element is used to define a term in a definition list."},{"id":"html-semantic-q12","question":"Which element is used to define a description in a definition list?","options":[{"id":"opt1","text":"<dd>"},{"id":"opt2","text":"<dt>"},{"id":"opt3","text":"<dl>"},{"id":"opt4","text":"<li>"}],"correctAnswerId":"opt1","explanation":"<dd> element is used to define a description in a definition list."},{"id":"html-semantic-q13","question":"Which element is used to emphasize text?","options":[{"id":"opt1","text":"<em>"},{"id":"opt2","text":"<strong>"},{"id":"opt3","text":"<b>"},{"id":"opt4","text":"<i>"}],"correctAnswerId":"opt1","explanation":"<em> element is used to emphasize text."},{"id":"html-semantic-q14","question":"Which element is used to indicate strong importance?","options":[{"id":"opt1","text":"<strong>"},{"id":"opt2","text":"<b>"},{"id":"opt3","text":"<i>"},{"id":"opt4","text":"<mark>"}],"correctAnswerId":"opt1","explanation":"<strong> element is used to indicate strong importance."},{"id":"html-semantic-q15","question":"Which element is used to define a quotation?","options":[{"id":"opt1","text":"<blockquote>"},{"id":"opt2","text":"<q>"},{"id":"opt3","text":"<cite>"},{"id":"opt4","text":"<p>"}],"correctAnswerId":"opt1","explanation":"<blockquote> element is used to define a quotation."},{"id":"html-semantic-q16","question":"Which element is used to define a citation?","options":[{"id":"opt1","text":"<cite>"},{"id":"opt2","text":"<q>"},{"id":"opt3","text":"<blockquote>"},{"id":"opt4","text":"<p>"}],"correctAnswerId":"opt1","explanation":"<cite> element is used to define a citation."},{"id":"html-semantic-q17","question":"Which element is used to define a keyboard input?","options":[{"id":"opt1","text":"<kbd>"},{"id":"opt2","text":"<input>"},{"id":"opt3","text":"<code>"},{"id":"opt4","text":"<var>"}],"correctAnswerId":"opt1","explanation":"<kbd> element is used to define keyboard input."},{"id":"html-semantic-q18","question":"Which element is used to define a variable in a mathematical expression?","options":[{"id":"opt1","text":"<var>"},{"id":"opt2","text":"<code>"},{"id":"opt3","text":"<kbd>"},{"id":"opt4","text":"<math>"}],"correctAnswerId":"opt1","explanation":"<var> element is used to define a variable in a mathematical expression."},{"id":"html-semantic-q19","question":"Which element is used to define a sample output from a computer program?","options":[{"id":"opt1","text":"<samp>"},{"id":"opt2","text":"<code>"},{"id":"opt3","text":"<pre>"},{"id":"opt4","text":"<output>"}],"correctAnswerId":"opt1","explanation":"<samp> element is used to define a sample output from a computer program."},{"id":"html-semantic-q20","question":"Which element is used to define a computer code?","options":[{"id":"opt1","text":"<code>"},{"id":"opt2","text":"<pre>"},{"id":"opt3","text":"<kbd>"},{"id":"opt4","text":"<var>"}],"correctAnswerId":"opt1","explanation":"<code> element is used to define a computer code."}]}]}}],"$L19"]}]}]] </article></body></html>

b:[["$","$L16",null,{"title":"HTML","items":[{"label":"quizzes","href":"/quizzes"},{"label":"HTML"}]}],["$","section",null,{"className":"my-36","children":["$","div",null,{"className":"container px-4 mx-auto sm:px-8 md:px-16 lg:px-24 ","children":[["$","div",null,{"className":"text-center py-12","children":[["$","$L17",null,{"animation":"fade-up","delay":0.1,"children":["$","h1",null,{"className":"text-3xl lg:text-4xl xl:text-5xl font-bold text-foreground leading-tight mb-3 sm:mb-4","children":["Best Quizzes For"," ",["$","span",null,{"className":"bg-clip-text text-transparent bg-gradient-to-r from-[#3AB0FF] to-[#5271FF]","children":"HTML"}]]}]}],["$","$L17",null,{"animation":"fade-up","delay":0.2,"children":["$","p",null,{"className":"text-sm sm:text-base text-muted-foreground max-w-xl lg:max-w-2xl mx-auto px-4","children":["Dive deep into the world of ","HTML"," with our comprehensive learning track. Master the skills you need to excel in this field."]}]}]]}],["$","$L18",null,{"language":{"id":1,"name":"HTML","slug":"html","logo":"/icons/html.svg","topicCount":3,"topics":[{"id":"html-basics-headings","name":"Basic Structure and Headings","slug":"html-basics-headings","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-basics-q1","question":"What does HTML stand for?","options":[{"id":"opt1","text":"HyperText Markup Language"},{"id":"opt2","text":"Hyper Transfer Markup Language"},{"id":"opt3","text":"HighText Machine Language"},{"id":"opt4","text":"Home Tool Markup Language"}],"correctAnswerId":"opt1","explanation":"HTML stands for HyperText Markup Language, which is the standard markup language for creating web pages."},{"id":"html-basics-q2","question":"Which of these tags is used to create a main heading?","options":[{"id":"opt1","text":"

"},{"id":"opt2","text":"

"},{"id":"opt3","text":""},{"id":"opt4","text":"

"}],"correctAnswerId":"opt2","explanation":"The

tag is used to define the main heading in HTML."},{"id":"html-basics-q3","question":"What is the correct syntax of doctype in HTML5?","options":[{"id":"opt1","text":""},{"id":"opt2","text":""},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt4","explanation":"he correct syntax of HTML5 doctype is , doctype is the very first thing to write in HTML5. or both are same because doctype keyword is not case sensitive."},{"id":"html-basics-q4","question":"Which of the following is used to read an HTML page and render it?","options":[{"id":"opt1","text":"Web server"},{"id":"opt2","text":"Web network"},{"id":"opt3","text":"Web browser"},{"id":"opt4","text":"Web matrix"}],"correctAnswerId":"opt3","explanation":"A web browser (commonly referred to as a browser) is a software application for retrieving, presenting and traversing information resources on the World Wide Web."},{"id":"html-basics-q5","question":"In which part of the HTML metadata is contained?","options":[{"id":"opt1","text":"head tag"},{"id":"opt2","text":"title tag"},{"id":"opt3","text":"html tag"},{"id":"opt4","text":"body tag"}],"correctAnswerId":"opt1","explanation":"Metadata is present in head."},{"id":"html-basics-q6","question":"Which element is used to get highlighted text in HTML5?","options":[{"id":"opt1","text":""},{"id":"opt2","text":""},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt2","explanation":"The element is used to highlight a section of text."},{"id":"html-basics-q7","question":"Which HTML tag is used for making character appearance bold?","options":[{"id":"opt1","text":"content"},{"id":"opt2","text":"content"},{"id":"opt3","text":"
content
"},{"id":"opt4","text":"content"}],"correctAnswerId":"opt2","explanation":"By enclosing words in the tags and we can make characters appear bold. "},{"id":"html-basics-q8","question":"Among the following, which is the HTML paragraph tag?","options":[{"id":"opt1","text":"
"},{"id":"opt2","text":"
"},{"id":"opt3","text":"
"},{"id":"opt4","text":""}],"correctAnswerId":"opt1","explanation":"
tag is used for paragraph in HTML."},{"id":"html-basics-q9","question":"Which HTML tag is used to convert the plain text into italic format?","options":[{"id":"opt1","text":""},{"id":"opt2","text":"
"},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt3","explanation":"In HTML, tag is used to convert the plain text into italic format."},{"id":"html-basics-q10","question":"What is the use of
tag in HTML?","options":[{"id":"opt1","text":"For making content appearance italics"},{"id":"opt2","text":"To create vertical rule between sections"},{"id":"opt3","text":"To create a line break"},{"id":"opt4","text":"To create horizontal rule between sections"}],"correctAnswerId":"opt4","explanation":"To create a break between themes-such as a change of topic in a book or a new scene in a play-you can add a horizontal rule between sections using
tag."},{"id":"html-basics-q11","question":"Which tag is used to define a subheading in HTML?","options":[{"id":"opt1","text":"
"},{"id":"opt2","text":"
"},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt2","explanation":"
is commonly used to define subheadings, following the main heading
."},{"id":"html-basics-q12","question":"What is the correct nesting order of HTML elements?","options":[{"id":"opt1","text":"
"},{"id":"opt2","text":"
"},{"id":"opt3","text":"
"},{"id":"opt4","text":"
"}],"correctAnswerId":"opt2","explanation":"HTML documents must be properly nested. The element wraps the entire page, followed by and then content like
."},{"id":"html-basics-q13","question":"Which HTML tag is used to insert a line break?","options":[{"id":"opt1","text":"
"},{"id":"opt2","text":""},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt1","explanation":"
is used in HTML to insert a line break."},{"id":"html-basics-q14","question":"Which tag contains meta information about the HTML document?","options":[{"id":"opt1","text":""},{"id":"opt2","text":""},{"id":"opt3","text":""},{"id":"opt4","text":""}],"correctAnswerId":"opt3","explanation":"The <head> element contains meta information such as <meta>, <title>, and <link>."},{"id":"html-basics-q15","question":"What is the correct order of heading tags from largest to smallest in HTML?","options":[{"id":"opt1","text":"<h6>, <h5>, <h4>, <h3>, <h2>, <h1>"},{"id":"opt2","text":"<h1>, <h2>, <h3>, <h4>, <h5>, <h6>"},{"id":"opt3","text":"<header>, <title>, <h1>, <h2>, <h3>, <h4>"},{"id":"opt4","text":"<h1>, <h3>, <h2>, <h4>, <h6>, <h5>"}],"correctAnswerId":"opt2","explanation":"HTML headings range from <h1> (the largest and most important) to <h6> (the smallest)."},{"id":"html-basics-q16","question":"Which of these tags is not a heading tag in HTML?","options":[{"id":"opt1","text":"<h5>"},{"id":"opt2","text":"<h3>"},{"id":"opt3","text":"<h9>"},{"id":"opt4","text":"<h1>"}],"correctAnswerId":"opt3","explanation":"HTML only defines heading tags from <h1> to <h6>. <h9> is not a valid heading tag."},{"id":"html-basics-q17","question":"Is it the best way to include H1 heading only one time on the web page?","options":[{"id":"opt1","text":"True"},{"id":"opt2","text":"False"}],"correctAnswerId":"opt1","explanation":"It is recommended to use only one <h1> element per page to maintain a clear and semantic structure, which is beneficial for SEO."},{"id":"html-basics-q18","question":"What is the purpose of the <title> tag in HTML?","options":[{"id":"opt1","text":"To display a heading on the page"},{"id":"opt2","text":"To define metadata"},{"id":"opt3","text":"To set the title shown on the browser tab"},{"id":"opt4","text":"To add a subtitle"}],"correctAnswerId":"opt3","explanation":"The <title> tag defines the page title shown in the browser's title bar or tab."},{"id":"html-basics-q19","question":"Which HTML tag is used to group content together for styling or layout purposes?","options":[{"id":"opt1","text":"<span>"},{"id":"opt2","text":"<group>"},{"id":"opt3","text":"<div>"},{"id":"opt4","text":"<body>"}],"correctAnswerId":"opt3","explanation":"<div> is a block-level element used to group content for layout and styling."},{"id":"html-basics-q20","question":" How do we write comments in HTML?","options":[{"id":"opt1","text":"</…….>"},{"id":"opt2","text":"<!……>"},{"id":"opt3","text":"</……/>"},{"id":"opt4","text":"<…….!>"}],"correctAnswerId":"opt2","explanation":"If one wants to add a comment in code, add the text between these characters <!…..comment….>."}]},{"id":"links-and-lists","name":"Links and Lists","slug":"links-and-lists","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-links-q1","question":"Which tag is used to create a numbered list in HTML?","options":[{"id":"opt1","text":"<ol>"},{"id":"opt2","text":"<ul>"},{"id":"opt3","text":"<li>"},{"id":"opt4","text":"<ll>"}],"correctAnswerId":"opt1","explanation":"<ol> tag is used to create the numbered list or ordered list items in an HTML document."},{"id":"html-links-q2","question":"Which element is used for creating links?","options":[{"id":"opt1","text":"<a>"},{"id":"opt2","text":"<p>"},{"id":"opt3","text":"<li>"},{"id":"opt4","text":"<ol>"}],"correctAnswerId":"opt1","explanation":"<a> element is used for creating links. We can click anything written between opening <a> tag and closing </a> tag."},{"id":"html-links-q3","question":"Which one of the following is not the value of the target attribute?","options":[{"id":"opt1","text":"_blank"},{"id":"opt2","text":"_top"},{"id":"opt3","text":"_self"},{"id":"opt4","text":"_empty"}],"correctAnswerId":"opt4","explanation":"Where to open linked document is specified by target attribute. It can have the values _blank, _top, _parent, _self, framename. _blank opens linked document is a new tab or window."},{"id":"html-links-q4","question":"What does the <ul> tag represent?","options":[{"id":"opt1","text":"Unordered list"},{"id":"opt2","text":"Ordered list"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Definition list"}],"correctAnswerId":"opt1","explanation":"<ul> tag is used to create an unordered list in HTML."},{"id":"html-links-q5","question":"Which attribute is used to specify the URL of the page the link goes to?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"href"},{"id":"opt3","text":"link"},{"id":"opt4","text":"url"}],"correctAnswerId":"opt2","explanation":"The href attribute specifies the URL of the page the link goes to."},{"id":"html-links-q6","question":"Which tag is used to define a list item?","options":[{"id":"opt1","text":"<li>"},{"id":"opt2","text":"<item>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<ul>"}],"correctAnswerId":"opt1","explanation":"<li> tag is used to define a list item in both ordered and unordered lists."},{"id":"html-links-q7","question":"What is the default style of an unordered list?","options":[{"id":"opt1","text":"Square bullets"},{"id":"opt2","text":"No bullets"},{"id":"opt3","text":"Circle bullets"},{"id":"opt4","text":"Diamond bullets"}],"correctAnswerId":"opt3","explanation":"The default style of an unordered list is circle bullets."},{"id":"html-links-q8","question":"Which tag is used to create a definition list?","options":[{"id":"opt1","text":"<ul>"},{"id":"opt2","text":"<ol>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<dl>"}],"correctAnswerId":"opt4","explanation":"<dl> tag is used to create a definition list in HTML."},{"id":"html-links-q9","question":"What does the <dt> tag represent?","options":[{"id":"opt1","text":"Definition term"},{"id":"opt2","text":"Definition description"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Unordered list"}],"correctAnswerId":"opt1","explanation":"<dt> tag is used to define a term in a definition list."},{"id":"html-links-q10","question":"What does the <dd> tag represent?","options":[{"id":"opt1","text":"Definition term"},{"id":"opt2","text":"Definition description"},{"id":"opt3","text":"List item"},{"id":"opt4","text":"Unordered list"}],"correctAnswerId":"opt2","explanation":"<dd> tag is used to provide a description for a term in a definition list."},{"id":"html-links-q11","question":"Which attribute can be used to open a link in a new tab?","options":[{"id":"opt1","text":"target='_new'"},{"id":"opt2","text":"target='_self'"},{"id":"opt3","text":"target='_blank'"},{"id":"opt4","text":"target='_parent'"}],"correctAnswerId":"opt3","explanation":"Using target='_blank' opens the link in a new tab or window."},{"id":"html-links-q12","question":"Which of the following is a valid way to create a link to an email address?","options":[{"id":"opt1","text":"<a href='mailto:example@example.com'>Email Us</a>"},{"id":"opt2","text":"<a href='http://example@example.com'>Email Us</a>"},{"id":"opt3","text":"<a href='tel:123456789'>Call Us</a>"},{"id":"opt4","text":"<a href='sms:123456789'>Text Us</a>"}],"correctAnswerId":"opt1","explanation":"The 'mailto:' scheme is used to create a link that opens the user's email client."},{"id":"html-links-q13","question":"What is the purpose of the <nav> tag?","options":[{"id":"opt1","text":"To define a section of the document"},{"id":"opt2","text":"To define navigation links"},{"id":"opt3","text":"To define a footer"},{"id":"opt4","text":"To define a header"}],"correctAnswerId":"opt2","explanation":"<nav> tag is used to define a set of navigation links."},{"id":"html-links-q14","question":"Which of the following is a valid HTML comment?","options":[{"id":"opt1","text":""},{"id":"opt2","text":"// This is a comment"},{"id":"opt3","text":"/* This is a comment */"},{"id":"opt4","text":"<# This is a comment #>"}],"correctAnswerId":"opt1","explanation":"HTML comments are written using  syntax."},{"id":"html-links-q15","question":"Which tag is used to create a hyperlink?","options":[{"id":"opt1","text":"<link>"},{"id":"opt2","text":"<a>"},{"id":"opt3","text":"<href>"},{"id":"opt4","text":"<url>"}],"correctAnswerId":"opt2","explanation":"<a> tag is used to create hyperlinks in HTML."},{"id":"html-links-q16","question":"What is the correct way to create a list with nested lists?","options":[{"id":"opt1","text":"<ul><li>Item 1<li>Subitem 1</li></li></ul>"},{"id":"opt2","text":"<ul><li>Item 1><ul><li>Subitem 1</li></ul></li></ul>"},{"id":"opt3","text":"<ul><li>Item 1</li><ul><li>Subitem 1</li></ul></li></ul>"},{"id":"opt4","text":"<ul><li>Item 1<ul><li>Subitem 1</li></ul></li></ul>"}],"correctAnswerId":"opt4","explanation":"To create nested lists, you can place a <ul> inside a <li>."},{"id":"html-links-q17","question":"Which of the following is not a valid list type in HTML?","options":[{"id":"opt1","text":"Ordered list"},{"id":"opt2","text":"Unordered list"},{"id":"opt3","text":"Description list"},{"id":"opt4","text":"Mixed list"}],"correctAnswerId":"opt4","explanation":"There is no 'mixed list' type in HTML; lists are either ordered, unordered, or definition lists."},{"id":"html-links-q18","question":"What is the purpose of the <li> tag?","options":[{"id":"opt1","text":"To define a list item"},{"id":"opt2","text":"To define a link"},{"id":"opt3","text":"To define a paragraph"},{"id":"opt4","text":"To define a header"}],"correctAnswerId":"opt1","explanation":"<li> tag is used to define an item in a list."},{"id":"html-links-q19","question":"Which of the following attributes is not valid for the <a> tag?","options":[{"id":"opt1","text":"href"},{"id":"opt2","text":"target"},{"id":"opt3","text":"rel"},{"id":"opt4","text":"style"}],"correctAnswerId":"opt4","explanation":"All listed attributes are valid for the <a> tag except 'style', which is not specific to links."},{"id":"html-links-q20","question":"What does the <a> tag's rel attribute specify?","options":[{"id":"opt1","text":"The target of the link"},{"id":"opt2","text":"Relationship between the current document and the linked document"},{"id":"opt3","text":"The style of the link"},{"id":"opt4","text":"The title of the link"}],"correctAnswerId":"opt2","explanation":"The rel attribute specifies the relationship between the current document and the linked document."}]},{"id":"photos-and-videos","name":"Photos and Videos","slug":"photos-and-videos","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-photos-q1","question":"Which of the following elements in HTML5 defines video or movie content?","options":[{"id":"opt1","text":"<video>"},{"id":"opt2","text":"<movie>"},{"id":"opt3","text":"<audio>"},{"id":"opt4","text":"<media>"}],"correctAnswerId":"opt1","explanation":"The HTML5 video element specifies a standard way to embed a video in a webpage."},{"id":"html-photos-q2","question":"Which HTML tag is used to insert an image?","options":[{"id":"opt1","text":"<img url=”htmllogo.jpg” />"},{"id":"opt2","text":"<img alt=”htmllogo.jpg” />"},{"id":"opt3","text":"<img src=”htmllogo.jpg” />"},{"id":"opt4","text":"<img link=”htmllogo.jpg” />"}],"correctAnswerId":"opt3","explanation":"In HTML, <img> tag is used to insert an image in HTML page. Image tag has two attributes (src and Alt)."},{"id":"html-photos-q3","question":"In HTML Audio/Video DOM, __________ sets or returns whether the audio/video should be loaded when the page loads.","options":[{"id":"opt1","text":"preload"},{"id":"opt2","text":"autoplay"},{"id":"opt3","text":"buffered"},{"id":"opt4","text":"controller"}],"correctAnswerId":"opt1","explanation":"The preload property allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience."},{"id":"html-photos-q4","question":"Which attribute is used to specify the source of the video in the <video> tag?","options":[{"id":"opt1","text":"source"},{"id":"opt2","text":"src"},{"id":"opt3","text":"file"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt2","explanation":"The src attribute in the <video> tag specifies the URL of the video file."},{"id":"html-photos-q5","question":"Which of the following attributes can be used to make a video play automatically?","options":[{"id":"opt1","text":"play"},{"id":"opt2","text":"start"},{"id":"opt3","text":"autoplay"},{"id":"opt4","text":"loop"}],"correctAnswerId":"opt3","explanation":"The autoplay attribute makes the video start playing as soon as it is ready."},{"id":"html-photos-q6","question":"What does the <audio> tag do in HTML?","options":[{"id":"opt1","text":"Defines video content"},{"id":"opt2","text":"Defines text content"},{"id":"opt3","text":"Defines image content"},{"id":"opt4","text":"Defines audio content"}],"correctAnswerId":"opt4","explanation":"The <audio> tag is used to embed sound content in a document."},{"id":"html-photos-q7","question":"Which attribute is used to specify the audio file in the <audio> tag?","options":[{"id":"opt1","text":"file"},{"id":"opt2","text":"source"},{"id":"opt3","text":"src"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt3","explanation":"The src attribute in the <audio> tag specifies the URL of the audio file."},{"id":"html-photos-q8","question":"Which of the following is a valid way to include multiple sources for a video?","options":[{"id":"opt1","text":"<video><source src='video.mp4'></video><video><source src='video.ogg'></video>"},{"id":"opt2","text":"<video src='video.mp4' src='video.ogg'></video>"},{"id":"opt3","text":"<video><source src='video.mp4' type='video/mp4'><source src='video.ogg' type='video/ogg'></video>"},{"id":"opt4","text":"<video><source src='video.mp4' /><source src='video.ogg' /></video>"}],"correctAnswerId":"opt3","explanation":"You can include multiple <source> elements within a <video> tag to provide different video formats."},{"id":"html-photos-q9","question":"What does the controls attribute do in the <video> tag?","options":[{"id":"opt1","text":"Hires video controls"},{"id":"opt2","text":"Autoplays the video"},{"id":"opt3","text":"Displays video controls"},{"id":"opt4","text":"Loops the video"}],"correctAnswerId":"opt3","explanation":"The controls attribute adds video controls, like play, pause, and volume."},{"id":"html-photos-q10","question":"Which of the following is not a valid video format for the <video> tag?","options":[{"id":"opt1","text":"AVI"},{"id":"opt2","text":"MP4"},{"id":"opt3","text":"WEBM"},{"id":"opt4","text":"OGG"}],"correctAnswerId":"opt1","explanation":"AVI is not a valid format for the <video> tag; common formats include MP4, WEBM, and OGG."},{"id":"html-photos-q11","question":"What is the purpose of the alt attribute in the <img> tag?","options":[{"id":"opt1","text":"To provide alternative text when image fails to load"},{"id":"opt2","text":"To specify image alignment"},{"id":"opt3","text":"To set image dimensions"},{"id":"opt4","text":"To link the image"}],"correctAnswerId":"opt1","explanation":"The alt attribute provides alternative text for an image if it cannot be displayed."},{"id":"html-photos-q12","question":"Which attribute controls whether an audio file should play repeatedly?","options":[{"id":"opt1","text":"repeat"},{"id":"opt2","text":"autoplay"},{"id":"opt3","text":"loop"},{"id":"opt4","text":"replay"}],"correctAnswerId":"opt3","explanation":"The loop attribute makes the audio play repeatedly."},{"id":"html-photos-q13","question":"What does the poster attribute in <video> specify?","options":[{"id":"opt1","text":"Video thumbnail image"},{"id":"opt2","text":"Video duration"},{"id":"opt3","text":"Video quality"},{"id":"opt4","text":"Video title"}],"correctAnswerId":"opt1","explanation":"The poster attribute specifies an image to show while the video is downloading or before playback."},{"id":"html-photos-q14","question":"Which HTML5 element is used for vector graphics?","options":[{"id":"opt1","text":"<canvas>"},{"id":"opt2","text":"<svg>"},{"id":"opt3","text":"<img>"},{"id":"opt4","text":"<figure>"}],"correctAnswerId":"opt2","explanation":"The <svg> element is used for scalable vector graphics in HTML5."},{"id":"html-photos-q15","question":"What is the purpose of the <track> element in HTML5?","options":[{"id":"opt1","text":"To add captions/subtitles to media"},{"id":"opt2","text":"To create audio tracks"},{"id":"opt3","text":"To animate elements"},{"id":"opt4","text":"To define media controls"}],"correctAnswerId":"opt1","explanation":"The <track> element provides text tracks like subtitles or captions for media elements."},{"id":"html-photos-q16","question":"Which attribute specifies that a video should play without sound?","options":[{"id":"opt1","text":"nosound"},{"id":"opt2","text":"mute"},{"id":"opt3","text":"silent"},{"id":"opt4","text":"muted"}],"correctAnswerId":"opt4","explanation":"The muted attribute specifies that the video should play without sound."},{"id":"html-photos-q17","question":"Which tag is used to group multiple image resources?","options":[{"id":"opt1","text":"<images>"},{"id":"opt2","text":"<picture>"},{"id":"opt3","text":"<gallery>"},{"id":"opt4","text":"<imgset>"}],"correctAnswerId":"opt2","explanation":"The <picture> element allows grouping multiple image resources for responsive design."},{"id":"html-photos-q18","question":"What is the correct way to make a video fill its container while maintaining aspect ratio?","options":[{"id":"opt1","text":"object-fit: fill"},{"id":"opt2","text":"object-fit: contain"},{"id":"opt3","text":"object-fit: cover"},{"id":"opt4","text":"object-fit: scale"}],"correctAnswerId":"opt3","explanation":"object-fit: cover makes the video fill its container while maintaining aspect ratio."},{"id":"html-photos-q19","question":"Which attribute defines the width of an image in pixels?","options":[{"id":"opt1","text":"size"},{"id":"opt2","text":"width"},{"id":"opt3","text":"px"},{"id":"opt4","text":"dimension"}],"correctAnswerId":"opt2","explanation":"The width attribute specifies the width of an image in pixels."},{"id":"html-photos-q20","question":"Which of these is NOT a valid attribute for <source> element?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"type"},{"id":"opt3","text":"media"},{"id":"opt4","text":"href"}],"correctAnswerId":"opt4","explanation":"<source> elements use src, type, and media attributes, but not href."}]},{"id":"forms-and-inputs","name":"Forms and Inputs","slug":"forms-and-inputs","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-forms-q1","question":"What is the default type of ‘type’ attribute of <input> element?","options":[{"id":"opt1","text":"Text"},{"id":"opt2","text":"Password"},{"id":"opt3","text":"Numerals"},{"id":"opt4","text":"Special Characters"}],"correctAnswerId":"opt1","explanation":"Text input type defines single line text field."},{"id":"html-forms-q2","question":"Which attribute defines the file-select field?","options":[{"id":"opt1","text":"file"},{"id":"opt2","text":"checkbox"},{"id":"opt3","text":"button"},{"id":"opt4","text":"text"}],"correctAnswerId":"opt1","explanation":"file input type defines a file-select field, also gives a “Browse” button for file uploads."},{"id":"html-forms-q3","question":"Which of the following is not used with password attribute?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"size"},{"id":"opt3","text":"maxlength"},{"id":"opt4","text":"min"}],"correctAnswerId":"opt4","explanation":"min is not used with password attribute ."},{"id":"html-forms-q4","question":"Which element is used to create multi-line text input?","options":[{"id":"opt1","text":"text"},{"id":"opt2","text":"textarea"},{"id":"opt3","text":"submit"},{"id":"opt4","text":"radio button"}],"correctAnswerId":"opt2","explanation":"For creating multi-line text input we use <textarea> element."},{"id":"html-forms-q5","question":"Which attribute is not used for the radio type?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"selected"}],"correctAnswerId":"opt4","explanation":"selected is not used with radio type ."},{"id":"html-forms-q6","question":"Which attribute is used to pre-select a radio button by default?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"selected"}],"correctAnswerId":"opt3","explanation":"The 'checked' attribute is used to pre-select a radio button by default. Note that only one radio button in a group can be checked."},{"id":"html-forms-q7","question":"What does the action attribute in a form specify?","options":[{"id":"opt1","text":"The method of form submission"},{"id":"opt2","text":"The URL to send the form data"},{"id":"opt3","text":"The type of input fields"},{"id":"opt4","text":"The name of the form"}],"correctAnswerId":"opt2","explanation":"The action attribute specifies the URL where the form data will be sent."},{"id":"html-forms-q8","question":"Which method is used to send form data to the server?","options":[{"id":"opt1","text":"GET"},{"id":"opt2","text":"POST"},{"id":"opt3","text":"Both GET and POST"},{"id":"opt4","text":"None of the above"}],"correctAnswerId":"opt3","explanation":"Both GET and POST methods can be used to send form data to the server."},{"id":"html-forms-q9","question":"What is the purpose of the method attribute in a form?","options":[{"id":"opt1","text":"To specify the form's action"},{"id":"opt2","text":"To define how to send form data"},{"id":"opt3","text":"To set the form's target"},{"id":"opt4","text":"To validate form inputs"}],"correctAnswerId":"opt2","explanation":"The method attribute defines how to send form data (GET or POST)."},{"id":"html-forms-q10","question":"Which input type is used for a checkbox?","options":[{"id":"opt1","text":"checkbox"},{"id":"opt2","text":"radio"},{"id":"opt3","text":"text"},{"id":"opt4","text":"button"}],"correctAnswerId":"opt1","explanation":"The checkbox input type is used for checkboxes."},{"id":"html-forms-q11","question":"What is the purpose of the placeholder attribute?","options":[{"id":"opt1","text":"To provide a default value"},{"id":"opt2","text":"To give a hint to the user"},{"id":"opt3","text":"To specify the input type"},{"id":"opt4","text":"To validate the input"}],"correctAnswerId":"opt2","explanation":"The placeholder attribute provides a hint to the user about what to enter in the input field."},{"id":"html-forms-q12","question":"Which attribute is used to group related radio buttons?","options":[{"id":"opt1","text":"name"},{"id":"opt2","text":"value"},{"id":"opt3","text":"checked"},{"id":"opt4","text":"form"}],"correctAnswerId":"opt1","explanation":"The name attribute is used to group related radio buttons."},{"id":"html-forms-q13","question":"What does the required attribute do?","options":[{"id":"opt1","text":"Makes the input field optional"},{"id":"opt2","text":"Makes the input field mandatory"},{"id":"opt3","text":"Sets a default value"},{"id":"opt4","text":"Limits the input length"}],"correctAnswerId":"opt2","explanation":"The required attribute makes the input field mandatory."},{"id":"html-forms-q14","question":"Which input type is used for entering a date?","options":[{"id":"opt1","text":"date"},{"id":"opt2","text":"datetime"},{"id":"opt3","text":"calendar"},{"id":"opt4","text":"time"}],"correctAnswerId":"opt1","explanation":"The date input type is used for entering a date."},{"id":"html-forms-q15","question":"What is the purpose of the autocomplete attribute?","options":[{"id":"opt1","text":"To enable auto-filling of input fields"},{"id":"opt2","text":"To disable form submission"},{"id":"opt3","text":"To validate input"},{"id":"opt4","text":"To set input type"}],"correctAnswerId":"opt1","explanation":"The autocomplete attribute enables auto-filling of input fields based on previous entries."},{"id":"html-forms-q16","question":"Which element is used to create a dropdown list?","options":[{"id":"opt1","text":"<select>"},{"id":"opt2","text":"<dropdown>"},{"id":"opt3","text":"<list>"},{"id":"opt4","text":"<option>"}],"correctAnswerId":"opt1","explanation":"The <select> element is used to create a dropdown list."},{"id":"html-forms-q17","question":"What does the value attribute represent in an input element?","options":[{"id":"opt1","text":"The type of input"},{"id":"opt2","text":"The default value of the input"},{"id":"opt3","text":"The name of the input"},{"id":"opt4","text":"The label of the input"}],"correctAnswerId":"opt2","explanation":"The value attribute represents the default value of the input element."},{"id":"html-forms-q18","question":"Which input type is used for entering a telephone number?","options":[{"id":"opt1","text":"tel"},{"id":"opt2","text":"phone"},{"id":"opt3","text":"text"},{"id":"opt4","text":"number"}],"correctAnswerId":"opt1","explanation":"The tel input type is used for entering a telephone number."},{"id":"html-forms-q19","question":"What is the purpose of the target attribute in a form?","options":[{"id":"opt1","text":"To specify where to open the response"},{"id":"opt2","text":"To define the form's action"},{"id":"opt3","text":"To set the method of submission"},{"id":"opt4","text":"To validate the form"}],"correctAnswerId":"opt1","explanation":"The target attribute specifies where to open the response after submitting the form."},{"id":"html-forms-q20","question":"Which input type is used for entering a URL?","options":[{"id":"opt1","text":"url"},{"id":"opt2","text":"link"},{"id":"opt3","text":"text"},{"id":"opt4","text":"web"}],"correctAnswerId":"opt1","explanation":"The url input type is used for entering a URL."}]},{"id":"tables-and-iframes","name":"Tables and iFrames","slug":"tables-and-iframes","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-tables-q1","question":"Each cell of the table can be represented by using __________","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<thead>"}],"correctAnswerId":"opt2","explanation":"td stands for table data, we can represent each cell of the table by using <td>, at the end we used </td> tag."},{"id":"html-tables-q2","question":"Headings of table lies inside ___________","options":[{"id":"opt1","text":"<thead>"},{"id":"opt2","text":"<tfoot>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<tbody>"}],"correctAnswerId":"opt1","explanation":"Headings of the table lies inside <thead> element."},{"id":"html-tables-q3","question":"For adding caption to the table we use ____________","options":[{"id":"opt1","text":"<caption>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<tr>"}],"correctAnswerId":"opt1","explanation":"For adding caption to the table we use <caption> tag."},{"id":"html-tables-q4","question":"Borders can’t be applied on ________________","options":[{"id":"opt1","text":"<th>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<tr>"},{"id":"opt4","text":"<thead>"}],"correctAnswerId":"opt3","explanation":"Borders can’t be applied on <tr> elements. It can’t be applied on table structural elements."},{"id":"html-tables-q5","question":"Which attribute is used to specify the number of columns a cell should span?","options":[{"id":"opt1","text":"rowspan"},{"id":"opt2","text":"colspan"},{"id":"opt3","text":"span"},{"id":"opt4","text":"width"}],"correctAnswerId":"opt2","explanation":"The colspan attribute specifies the number of columns a cell should span."},{"id":"html-tables-q6","question":"Which element is used to group footer content in a table?","options":[{"id":"opt1","text":"<tfoot>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<tbody>"},{"id":"opt4","text":"<caption>"}],"correctAnswerId":"opt1","explanation":"The <tfoot> element is used to group footer content in a table."},{"id":"html-tables-q7","question":"What does the <th> element represent in a table?","options":[{"id":"opt1","text":"Table header"},{"id":"opt2","text":"Table data"},{"id":"opt3","text":"Table row"},{"id":"opt4","text":"Table footer"}],"correctAnswerId":"opt1","explanation":"<th> element represents a header cell in a table."},{"id":"html-tables-q8","question":"Which attribute is used to set the width of a table?","options":[{"id":"opt1","text":"width"},{"id":"opt2","text":"size"},{"id":"opt3","text":"height"},{"id":"opt4","text":"length"}],"correctAnswerId":"opt1","explanation":"The width attribute is used to set the width of a table."},{"id":"html-tables-q9","question":"Which element is used to create a new row in a table?","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<table>"}],"correctAnswerId":"opt1","explanation":"<tr> element is used to create a new row in a table."},{"id":"html-tables-q10","question":"What is the purpose of the <caption> element in a table?","options":[{"id":"opt1","text":"To define the table's title"},{"id":"opt2","text":"To create a header"},{"id":"opt3","text":"To add a footer"},{"id":"opt4","text":"To group rows"}],"correctAnswerId":"opt1","explanation":"The <caption> element is used to define the table's title."},{"id":"html-tables-q11","question":"Which attribute can be used to merge two or more rows in a table?","options":[{"id":"opt1","text":"rowspan"},{"id":"opt2","text":"colspan"},{"id":"opt3","text":"merge"},{"id":"opt4","text":"combine"}],"correctAnswerId":"opt1","explanation":"The rowspan attribute is used to merge two or more rows in a table."},{"id":"html-tables-q12","question":"What does the <tbody> element represent in a table?","options":[{"id":"opt1","text":"Table body"},{"id":"opt2","text":"Table header"},{"id":"opt3","text":"Table footer"},{"id":"opt4","text":"Table caption"}],"correctAnswerId":"opt1","explanation":"<tbody> element represents the body of the table."},{"id":"html-tables-q13","question":"Which attribute is used to specify the alignment of the content in a table cell?","options":[{"id":"opt1","text":"align"},{"id":"opt2","text":"valign"},{"id":"opt3","text":"style"},{"id":"opt4","text":"position"}],"correctAnswerId":"opt1","explanation":"The align attribute is used to specify the alignment of the content in a table cell."},{"id":"html-tables-q14","question":"Which element is used to create an inline frame?","options":[{"id":"opt1","text":"<iframe>"},{"id":"opt2","text":"<frame>"},{"id":"opt3","text":"<inline>"},{"id":"opt4","text":"<object>"}],"correctAnswerId":"opt1","explanation":"<iframe> element is used to create an inline frame."},{"id":"html-tables-q15","question":"What attribute is used to specify the source URL of an iframe?","options":[{"id":"opt1","text":"src"},{"id":"opt2","text":"href"},{"id":"opt3","text":"url"},{"id":"opt4","text":"link"}],"correctAnswerId":"opt1","explanation":"The src attribute is used to specify the source URL of an iframe."},{"id":"html-tables-q16","question":"Which attribute can be used to specify the height of an iframe?","options":[{"id":"opt1","text":"height"},{"id":"opt2","text":"size"},{"id":"opt3","text":"width"},{"id":"opt4","text":"length"}],"correctAnswerId":"opt1","explanation":"The height attribute is used to specify the height of an iframe."},{"id":"html-tables-q17","question":"What does the 'sandbox' attribute do in an iframe?","options":[{"id":"opt1","text":"Restricts actions in the iframe"},{"id":"opt2","text":"Sets the iframe's border"},{"id":"opt3","text":"Defines the iframe's size"},{"id":"opt4","text":"Specifies the source"}],"correctAnswerId":"opt1","explanation":"The sandbox attribute restricts actions in the iframe for security purposes."},{"id":"html-tables-q18","question":"Which attribute is used to specify the frame border width in an iframe?","options":[{"id":"opt1","text":"border"},{"id":"opt2","text":"frameborder"},{"id":"opt3","text":"width"},{"id":"opt4","text":"style"}],"correctAnswerId":"opt2","explanation":"The frameborder attribute is used to specify the frame border width in an iframe."},{"id":"html-tables-q19","question":"What does the 'allowfullscreen' attribute do in an iframe?","options":[{"id":"opt1","text":"Allows the iframe to be displayed in full screen"},{"id":"opt2","text":"Restricts the iframe's size"},{"id":"opt3","text":"Sets the iframe's border"},{"id":"opt4","text":"Specifies the source"}],"correctAnswerId":"opt1","explanation":"The allowfullscreen attribute allows the iframe to be displayed in full screen."},{"id":"html-tables-q20","question":"Which element is used to create a table row?","options":[{"id":"opt1","text":"<tr>"},{"id":"opt2","text":"<td>"},{"id":"opt3","text":"<th>"},{"id":"opt4","text":"<table>"}],"correctAnswerId":"opt1","explanation":"<tr> element is used to create a table row."},{"id":"html-tables-q21","question":"What is the default border size of a table?","options":[{"id":"opt1","text":"0"},{"id":"opt2","text":"1"},{"id":"opt3","text":"2"},{"id":"opt4","text":"3"}],"correctAnswerId":"opt1","explanation":"The default border size of a table is 0, meaning no border is displayed."},{"id":"html-tables-q22","question":"Which attribute is used to specify the alignment of the table itself?","options":[{"id":"opt1","text":"align"},{"id":"opt2","text":"position"},{"id":"opt3","text":"style"},{"id":"opt4","text":"float"}],"correctAnswerId":"opt1","explanation":"The align attribute is used to specify the alignment of the table itself."},{"id":"html-tables-q23","question":"What does the 'srcdoc' attribute do in an iframe?","options":[{"id":"opt1","text":"Specifies the HTML content of the iframe"},{"id":"opt2","text":"Defines the source URL"},{"id":"opt3","text":"Sets the iframe's border"},{"id":"opt4","text":"Specifies the height"}],"correctAnswerId":"opt1","explanation":"The srcdoc attribute specifies the HTML content of the iframe."},{"id":"html-tables-q24","question":"Which element is used to create a table footer?","options":[{"id":"opt1","text":"<tfoot>"},{"id":"opt2","text":"<thead>"},{"id":"opt3","text":"<tbody>"},{"id":"opt4","text":"<caption>"}],"correctAnswerId":"opt1","explanation":"<tfoot> element is used to create a table footer."},{"id":"html-tables-q25","question":"What is the purpose of the 'frame' attribute in an iframe?","options":[{"id":"opt1","text":"Defines the type of frame"},{"id":"opt2","text":"Sets the border style"},{"id":"opt3","text":"Specifies the source"},{"id":"opt4","text":"Sets the height"}],"correctAnswerId":"opt1","explanation":"The frame attribute defines the type of frame for the iframe."}]},{"id":"semantic-tags","name":"Semantic Tags","slug":"semantic-tags","description":"Learn the basics of HyperText Markup Language (HTML).","questions":[{"id":"html-semantic-q1","question":"Which element works as a sidebar?","options":[{"id":"opt1","text":"<header>"},{"id":"opt2","text":"<footer>"},{"id":"opt3","text":"<nav>"},{"id":"opt4","text":"<aside>"}],"correctAnswerId":"opt4","explanation":"<aside> element works like a sidebar. It defines some content aside from the content it is placed in."},{"id":"html-semantic-q2","question":"Which of the following elements is used to define a section in a document?","options":[{"id":"opt1","text":"<section>"},{"id":"opt2","text":"<div>"},{"id":"opt3","text":"<head>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"The <section> element is a semantic tag used to define sections in a web page."},{"id":"html-semantic-q3","question":"Which of the following is a semantic HTML element?","options":[{"id":"opt1","text":"<b>"},{"id":"opt2","text":"<i>"},{"id":"opt3","text":"<strong>"},{"id":"opt4","text":"<span>"}],"correctAnswerId":"opt3","explanation":"<strong> is semantic because it indicates importance, not just style."},{"id":"html-semantic-q4","question":"Which element is used to define the main content of a document?","options":[{"id":"opt1","text":"<main>"},{"id":"opt2","text":"<article>"},{"id":"opt3","text":"<section>"},{"id":"opt4","text":"<div>"}],"correctAnswerId":"opt1","explanation":"<main> element is used to define the main content of a document."},{"id":"html-semantic-q5","question":"Which element is used to represent a self-contained composition in a document?","options":[{"id":"opt1","text":"<section>"},{"id":"opt2","text":"<article>"},{"id":"opt3","text":"<aside>"},{"id":"opt4","text":"<header>"}],"correctAnswerId":"opt2","explanation":"<article> element represents a self-contained composition in a document."},{"id":"html-semantic-q6","question":"Which element is used to define navigation links?","options":[{"id":"opt1","text":"<nav>"},{"id":"opt2","text":"<link>"},{"id":"opt3","text":"<menu>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"<nav> element is used to define navigation links."},{"id":"html-semantic-q7","question":"Which element is used to define a footer for a document or section?","options":[{"id":"opt1","text":"<footer>"},{"id":"opt2","text":"<section>"},{"id":"opt3","text":"<aside>"},{"id":"opt4","text":"<header>"}],"correctAnswerId":"opt1","explanation":"<footer> element is used to define a footer for a document or section."},{"id":"html-semantic-q8","question":"Which element is used to define a header for a document or section?","options":[{"id":"opt1","text":"<header>"},{"id":"opt2","text":"<nav>"},{"id":"opt3","text":"<section>"},{"id":"opt4","text":"<footer>"}],"correctAnswerId":"opt1","explanation":"<header> element is used to define a header for a document or section."},{"id":"html-semantic-q9","question":"Which element is used to define a time or date?","options":[{"id":"opt1","text":"<time>"},{"id":"opt2","text":"<date>"},{"id":"opt3","text":"<datetime>"},{"id":"opt4","text":"<timestamp>"}],"correctAnswerId":"opt1","explanation":"<time> element is used to define a time or date."},{"id":"html-semantic-q10","question":"Which element is used to define a definition list?","options":[{"id":"opt1","text":"<dl>"},{"id":"opt2","text":"<ul>"},{"id":"opt3","text":"<ol>"},{"id":"opt4","text":"<list>"}],"correctAnswerId":"opt1","explanation":"<dl> element is used to define a definition list."},{"id":"html-semantic-q11","question":"Which element is used to define a term in a definition list?","options":[{"id":"opt1","text":"<dt>"},{"id":"opt2","text":"<dd>"},{"id":"opt3","text":"<dl>"},{"id":"opt4","text":"<li>"}],"correctAnswerId":"opt1","explanation":"<dt> element is used to define a term in a definition list."},{"id":"html-semantic-q12","question":"Which element is used to define a description in a definition list?","options":[{"id":"opt1","text":"<dd>"},{"id":"opt2","text":"<dt>"},{"id":"opt3","text":"<dl>"},{"id":"opt4","text":"<li>"}],"correctAnswerId":"opt1","explanation":"<dd> element is used to define a description in a definition list."},{"id":"html-semantic-q13","question":"Which element is used to emphasize text?","options":[{"id":"opt1","text":"<em>"},{"id":"opt2","text":"<strong>"},{"id":"opt3","text":"<b>"},{"id":"opt4","text":"<i>"}],"correctAnswerId":"opt1","explanation":"<em> element is used to emphasize text."},{"id":"html-semantic-q14","question":"Which element is used to indicate strong importance?","options":[{"id":"opt1","text":"<strong>"},{"id":"opt2","text":"<b>"},{"id":"opt3","text":"<i>"},{"id":"opt4","text":"<mark>"}],"correctAnswerId":"opt1","explanation":"<strong> element is used to indicate strong importance."},{"id":"html-semantic-q15","question":"Which element is used to define a quotation?","options":[{"id":"opt1","text":"<blockquote>"},{"id":"opt2","text":"<q>"},{"id":"opt3","text":"<cite>"},{"id":"opt4","text":"<p>"}],"correctAnswerId":"opt1","explanation":"<blockquote> element is used to define a quotation."},{"id":"html-semantic-q16","question":"Which element is used to define a citation?","options":[{"id":"opt1","text":"<cite>"},{"id":"opt2","text":"<q>"},{"id":"opt3","text":"<blockquote>"},{"id":"opt4","text":"<p>"}],"correctAnswerId":"opt1","explanation":"<cite> element is used to define a citation."},{"id":"html-semantic-q17","question":"Which element is used to define a keyboard input?","options":[{"id":"opt1","text":"<kbd>"},{"id":"opt2","text":"<input>"},{"id":"opt3","text":"<code>"},{"id":"opt4","text":"<var>"}],"correctAnswerId":"opt1","explanation":"<kbd> element is used to define keyboard input."},{"id":"html-semantic-q18","question":"Which element is used to define a variable in a mathematical expression?","options":[{"id":"opt1","text":"<var>"},{"id":"opt2","text":"<code>"},{"id":"opt3","text":"<kbd>"},{"id":"opt4","text":"<math>"}],"correctAnswerId":"opt1","explanation":"<var> element is used to define a variable in a mathematical expression."},{"id":"html-semantic-q19","question":"Which element is used to define a sample output from a computer program?","options":[{"id":"opt1","text":"<samp>"},{"id":"opt2","text":"<code>"},{"id":"opt3","text":"<pre>"},{"id":"opt4","text":"<output>"}],"correctAnswerId":"opt1","explanation":"<samp> element is used to define a sample output from a computer program."},{"id":"html-semantic-q20","question":"Which element is used to define a computer code?","options":[{"id":"opt1","text":"<code>"},{"id":"opt2","text":"<pre>"},{"id":"opt3","text":"<kbd>"},{"id":"opt4","text":"<var>"}],"correctAnswerId":"opt1","explanation":"<code> element is used to define a computer code."}]}]}}],"$L19"]}]}]] </article></body></html>

HTML

Best Quizzes For HTML

Support Free Learning for All

HTML

Best Quizzes For HTML

Support Free Learning for All