YesBee AcademyLearn Deep. Apply Real.

AbacusNew For Schools

Academy

Building Your Path...

YesBee Academy

Master Your Future with Structured Roadmaps.

Explore

Development Academic Kids Lab Abacus Lab

Trust & Legal

Bulk Access Verify Certificate Help & Support Privacy Policy

© 2026 YesBee Academy. All rights reserved.

ReactJS Interview Prep - HTML Fundamentals (Part 1) | Challenge | YesBee Academy

`"}]},{"@type":"Question","name":"Which attribute on the `` (anchor) tag specifies that the link should open in a new browser tab or window?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"`target=\"_blank\"`"},{"@type":"Answer","text":"`href=\"_new\"`"},{"@type":"Answer","text":"`rel=\"noopener\"`"},{"@type":"Answer","text":"`window=\"new\"`"}]},{"@type":"Question","name":"What does the `

` element represent in HTML5?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"A hidden element that is only visible to screen readers."},{"@type":"Answer","text":"A popup modal or dialog box."},{"@type":"Answer","text":"Content that is tangentially related to the content around it, often represented as a sidebar."},{"@type":"Answer","text":"A strict container for navigational links."}]},{"@type":"Question","name":"Why is it important to use heading tags (`

` to `

`) hierarchically?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"Because it forces the browser to apply default margins and padding."},{"@type":"Answer","text":"Because it provides a structural outline of the page, which is critical for screen readers and Search Engine Optimization (SEO)."},{"@type":"Answer","text":"Because CSS cannot target non-hierarchical headings properly."},{"@type":"Answer","text":"Because React requires a strict `

` at the root of every component."}]},{"@type":"Question","name":"What is the primary difference between a `
` and a ``?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"`
` is a block-level element, whereas `` is an inline element."},{"@type":"Answer","text":"`
` can contain text, whereas `` can only contain images."},{"@type":"Answer","text":"`` is a semantic element, whereas `
` is purely presentational."},{"@type":"Answer","text":"`
` is supported in all browsers, whereas `` requires HTML5."}]},{"@type":"Question","name":"What is the function of the `` element?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"To display a stylized badge or tag on an image."},{"@type":"Answer","text":"To explicitly bind text to a form control (like an ``), increasing the clickable area and improving accessibility."},{"@type":"Answer","text":"To define the title of the HTML document shown in the browser tab."},{"@type":"Answer","text":"To securely store hidden data within a form submission."}]},{"@type":"Question","name":"Which HTML tag is specifically designed to display a definition, term, or abbreviation?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"``"},{"@type":"Answer","text":"``"},{"@type":"Answer","text":"``"},{"@type":"Answer","text":"``"}]},{"@type":"Question","name":"What is the 'Viewport' `<meta>` tag used for?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"To prevent users from viewing the page's source code."},{"@type":"Answer","text":"To instruct the browser on how to control the page's dimensions and scaling, essential for responsive web design on mobile devices."},{"@type":"Answer","text":"To automatically redirect mobile users to a different URL."},{"@type":"Answer","text":"To define the exact pixel resolution of the user's monitor."}]},{"@type":"Question","name":"Which element is used to group related options in a `<select>` drop-down list?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"`<optgroup>`"},{"@type":"Answer","text":"`<fieldset>`"},{"@type":"Answer","text":"`<group>`"},{"@type":"Answer","text":"`<options>`"}]},{"@type":"Question","name":"What is the purpose of the `<fieldset>` and `<legend>` elements?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"To create a styled box for displaying code snippets."},{"@type":"Answer","text":"To logically group related fields in a form, with `<legend>` acting as the caption/heading for that group."},{"@type":"Answer","text":"To define the main grid layout of a CSS architecture."},{"@type":"Answer","text":"To encapsulate a group of checkboxes to enforce a 'select only one' rule."}]},{"@type":"Question","name":"What does the `download` attribute do when applied to an `<a>` tag?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"It forces the browser to open the link in a background process."},{"@type":"Answer","text":"It triggers a virus scan on the linked file before downloading."},{"@type":"Answer","text":"It instructs the browser to download the linked URL instead of navigating to it."},{"@type":"Answer","text":"It strictly prevents the file from being downloaded by the user."}]},{"@type":"Question","name":"How do you create an ordered list where the numbering is alphabetical (A, B, C) instead of numerical?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"Using `<ol type=\"A\">`."},{"@type":"Answer","text":"Using `<list style=\"alpha\">`."},{"@type":"Answer","text":"Using `<ul type=\"alpha\">`."},{"@type":"Answer","text":"It can only be achieved using CSS `list-style-type`, not HTML attributes."}]},{"@type":"Question","name":"Which of the following is true about the `<details>` and `<summary>` elements?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"They are deprecated and should be replaced by JavaScript implementations."},{"@type":"Answer","text":"They create a native, interactive 'accordion' or 'disclosure' widget without needing JavaScript."},{"@type":"Answer","text":"They are specifically designed to format mathematical equations."},{"@type":"Answer","text":"They require a strict CSS `display: none` toggle to function correctly."}]},{"@type":"Question","name":"What is the function of the `data-*` attributes (Data attributes) in HTML5?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"To securely transmit sensitive user data to a database."},{"@type":"Answer","text":"To allow developers to store custom, private data directly within HTML elements to be accessed by JavaScript."},{"@type":"Answer","text":"To define the exact data type (string, integer, boolean) of an input field."},{"@type":"Answer","text":"To automatically bind JSON data directly to the DOM for server-side rendering."}]},{"@type":"Question","name":"Which element represents the main content of the `<body>` of a document?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"`<content>`"},{"@type":"Answer","text":"`<article>`"},{"@type":"Answer","text":"`<main>`"},{"@type":"Answer","text":"`<section>`"}]},{"@type":"Question","name":"What is the purpose of the `<noscript>` tag?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"To define alternative content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support scripts."},{"@type":"Answer","text":"To instruct the browser not to execute any inline JavaScript."},{"@type":"Answer","text":"To prevent search engines from crawling specific sections of a page."},{"@type":"Answer","text":"To remove all event listeners from the encapsulated DOM elements."}]},{"@type":"Question","name":"How do you specify that an input field is required before a form can be submitted?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"By adding `validate=\"true\"`."},{"@type":"Answer","text":"By adding the `required` attribute."},{"@type":"Answer","text":"By setting `type=\"mandatory\"`."},{"@type":"Answer","text":"It can only be validated using JavaScript before the submit event."}]},{"@type":"Question","name":"What is the difference between `<button type=\"submit\">` and `<button type=\"button\">`?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"They are identical; both submit the form by default."},{"@type":"Answer","text":"`type=\"submit\"` submits the form it belongs to, while `type=\"button\"` does nothing natively and relies entirely on JavaScript event listeners."},{"@type":"Answer","text":"`type=\"button\"` is styled differently by default by the browser."},{"@type":"Answer","text":"`type=\"submit\"` validates the form, while `type=\"button\"` bypasses validation and submits immediately."}]},{"@type":"Question","name":"Which attribute determines the 'tab order' or keyboard navigation sequence of focusable elements?","acceptedAnswer":{"@type":"Answer","text":"Correct Answer"},"suggestedAnswer":[{"@type":"Answer","text":"`tabindex`"},{"@type":"Answer","text":"`tab-order`"},{"@type":"Answer","text":"`focus-index`"},{"@type":"Answer","text":"`nav-sequence`"}]}]}</script><div class="assessment-moduleod1xxacontainer"><div class="assessment-moduleod1xxacard"><h1 class="assessment-moduleod1xxatitle">ReactJS Interview Prep - HTML Fundamentals (Part 1)</h1><p class="assessment-moduleod1xxasubtitle">Master the core concepts of HTML5, semantics, document structure, and accessibility principles essential for modern frontend development.</p><div class="assessment-moduleod1xxametaInfo"><span>📝 25 Questions</span><span>⭐ 10 Points</span><span>⏱️ 20 Mins</span></div><button class="assessment-moduleod1xxaprimaryButton">Start Assessment</button></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>$RC("B:1","S:1")</script></body></html>