Overview This module continues from Module 01 and focuses on building clean, semantic HTML pages you can actually use in real projects. Each section has simple explanations, a short code example, and a line-by-line breakdown so you truly understand every piece. At the end there is a practice set with answers.
1. Semantic HTML: Why it matters
What: Semantic tags describe the meaning of content — <header>, <nav>, <main>, <article>, <section>, <footer>.
Why: Improves accessibility, SEO, and maintainability.
Example
<h1>Hello World</h1>
<p>This is my first code box.</p>
<h1>Hello World</h1>
<p>This is my first code box with copy button</p>