Header, Nav, Main, Footer

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

Modern websites commonly use the following semantic tags.

<header> — the page/section heading area
<nav> — navigation links
<main> — the page's main content
<section> — a section organized by topic
<article> — a standalone, readable article/post/card
<aside> — sidebar/extra content
<footer> — footer information

html

<header>
  <h1>My Website</h1>
  <nav><a href="#home">Home</a> <a href="#about">About</a></nav>
</header>
<main>
  <section id="about">
    <h2>About Us</h2>
    <p>Main content goes here.</p>
  </section>
</main>
<footer>
  <p>&copy; 2026 My Website</p>
</footer>

You should see

You'll see a website layout built with semantic structure.