How the Browser Reads It

Relax. We'll talk through this in plain words — no textbook voice.

The browser reads HTML from top to bottom and builds a page tree called the DOM (Document Object Model). It displays content on screen based on that tree.

Opening a tag without closing it, or nesting things wrong, leaves the browser confused about "which dish on the table goes with which" — in other words, which elements belong together. Some browsers will auto-correct it, but professional code should keep its structure clean regardless.

html

<!-- Browser reads this as a tree -->
<section>
  <h2>About Me</h2>
  <p>I am learning HTML step by step.</p>
</section>

You should see

The browser should understand the heading and paragraph inside the section as one group.