Opening and closing tags in HTML - Practice Problems & Coding Challenges

Challenge - 5 Problems

📝 Syntax

intermediate

Identify the correct closing tag

Which option correctly closes the <section> tag in HTML?

HTML

<section>
  <p>Welcome to the section.</p>
</section>

A </sect>

B </section>

C </div>

D </article>

💡 Hint

Remember, the closing tag must match the opening tag exactly.

In HTML, every opening tag like

must be closed with the exact same tag name preceded by a slash, so

is correct.

❓ rendering

intermediate

What is the visual output of missing closing tag?

What will the browser display if the <h1> tag is not closed properly?

HTML

<h1>Welcome to my site
<p>This is a paragraph.</p>

A The heading text includes the paragraph text inside it, styled as heading.

B The heading and paragraph appear normally, heading styled as large text.

C Only the paragraph text appears, heading is ignored.

D The browser shows a syntax error message.

💡 Hint

Browsers automatically close heading tags like <h1> before block elements like <p> due to HTML parsing rules.

Browsers have error recovery mechanisms; they implicitly close the <h1> before the <p>, so the heading and paragraph render normally.

🧠 Conceptual

advanced

Why are closing tags important in HTML?

Which option best explains why closing tags are necessary in HTML?

A They improve page loading speed by reducing code size.

B They are optional and only used for styling purposes.

C They tell the browser where an element ends, helping structure the page correctly.

D They are only needed for self-closing tags like <img>.

💡 Hint

Think about how the browser understands where content belongs.

Closing tags mark the end of an element, so the browser knows which content belongs inside it and how to display it properly.

❓ selector

advanced

Which tag pair is correctly opened and closed?

Select the option where both opening and closing tags are correct and match each other.

A &lt;header&gt; ... &lt;/head&gt;

B &lt;nav&gt; ... &lt;/navigation&gt;

C &lt;footer&gt; ... &lt;/foot&gt;

D &lt;article&gt; ... &lt;/article&gt;

💡 Hint

Check if the closing tag exactly matches the opening tag name.

Only

is closed correctly with

. Others have mismatched closing tags.

❓ accessibility

expert

How do proper closing tags affect screen readers?

Why is it important for accessibility tools like screen readers to have correct opening and closing tags in HTML?

A They help screen readers understand the page structure and read content in the right order.

B They allow screen readers to skip all content inside tags.

C They are not important because screen readers ignore HTML tags.

D They make the page load faster for screen readers.

💡 Hint

Think about how screen readers navigate content.

Screen readers rely on correct HTML structure to present content logically and clearly to users with disabilities.