Lesson 3 of 10

🏛 HTML Structure & Semantic Tags

🎯 Grades 6–8 ⏱ ~30 minutes 💚 Beginner

What You'll Learn

  • The full structure of an HTML document: <html>, <head>, <body>
  • Why semantic tags (<header>, <nav>, <main>, <article>, <footer>) matter
  • How to build a well-structured page in the live editor
Quick Check

1. Where do CSS file links belong in an HTML document?

AIn <body>
BIn <head>
CAt the very end of <html>

2. What is the purpose of the <nav> element?

ATo style navigation links
BTo mark a block of navigation links
CTo create a sidebar

3. Why are semantic tags better than using <div> for everything?

AThey render faster
BThey describe meaning, improving accessibility and SEO
CThey use less code

4. Which element contains the primary unique content of a page?

A<article>
B<main>
C<section>
← HTML Basics CSS Basics →