HTML · Lesson 5 · 12 min

Sections & Layout

Group content with div, header, main, and footer.

You will learn

Use semantic section tags
Wrap related content in div
Structure a simple page layout

Semantic tags describe purpose: <header> for the top, <main> for primary content, <footer> for the bottom. <div> is a generic container when nothing else fits.

Edit HTML — live preview below

HTML

Live preview

Tip: Add a nav link inside the header.