| Day | Topics | Practice | Key Concepts |
|---|---|---|---|
| Day 1 |
HTML Basics - Document structure - Head vs Body - Basic tags (h1-p, div, span) |
Create simple page | DOCTYPE declaration |
| Day 2 |
Lists & Links - Ordered/Unordered lists - Anchor tags - Relative vs absolute paths |
Navigation menu | href attributes |
| Day 3 |
Tables - Table structure - Merging cells - Accessibility features |
Product comparison table | scope attribute |
| Day 4 |
Media - Image tags - Picture element - Audio/Video embedding |
Media gallery | srcset attribute |
| Day 5 |
Forms - Input types - Form validation - Semantic form elements |
Contact form | required attribute |
| Day 6 |
Semantic HTML - Header/Footer - Article/Section - Landmark roles |
Blog layout | ARIA attributes |
| Day 7 |
Responsive Design - Viewport meta - Media queries - Responsive images |
Mobile-friendly page | viewport width |
| Day 8 |
SEO & Metadata - Meta tags - Structured data - Favicons |
SEO-optimized page | meta description |
| Day 9 |
HTML5 APIs - Local Storage - Geolocation - Canvas basics |
Browser storage demo | sessionStorage |
| Day 10 |
Final Project - Portfolio website - All concepts combined - Validation |
Complete website | HTML validation |
HTML is the foundation of all web development. This 10-day intensive covers: