Services Work Learn About Contact
0/8
Lesson 7 of 8

Semantic HTML

Semantic HTML means using tags that describe the meaning of content, not just how it looks. Examples include <header>, <nav>, <main>, <article>, <footer>.

Semantic HTML improves accessibility, SEO, and code readability.

HTML 
<header>
  <h1>My Blog</h1>
  <nav>
    <a href="/">Home</a>
    <a href="/about">About</a>
  </nav>
</header>

<main>
  <article>
    <h2>Blog Post Title</h2>
    <p>Content here...</p>
  </article>
</main>

<footer>
  <p>&copy; 2026</p>
</footer>
🧠

Quick Quiz

Answer correctly to unlock the next lesson.

Support the mission

This learning platform is 100% free: no ads, no tracking, no paywalls. If it helped you learn something useful, you can support future lessons or donate to Doctors Without Borders, which provides emergency medical care in crisis zones worldwide.

Buy me a coffee Support Doctors Without Borders
🎉

You completed HTML!

You finished all 8 lessons and quizzes. You now know the basics of HTML.

Back to Learn hub Start CSS