Day 1: Introduction to HTML

• What is HTML and how it works
• HTML document structure (<!DOCTYPE html>, <html>, <head>, <body>)
  
• Creating first HTML page
  
• Practice: Make a “Hello World” page
  

Day 2: Basic Tags

• Headings (<h1> to <h6>)
  
• Paragraph (<p>)
  
• Line breaks (<br>) & Horizontal line (<hr>)
  
• Comments in HTML (<!– comment –>)
  
• Practice: Create a basic profile page
  

Day 3: Text Formatting

• Bold, italic, underline (<b>, <i>, <u>)
  
• Superscript & subscript (<sup>, <sub>)
  
• Strong & emphasis (<strong>, <em>)
• Practice: Write an article with headings & formatted text
  

Day 4:  Links & Navigation

• Anchor tag (<a>) for internal & external links
  
• Target attribute (_blank, _self)
  
• Linking to sections with id
  
• Email & telephone links
  
• Practice: Create a page with navigation links
  

Day 5: Images

• <img> tag & attributes (src, alt, width, height)
  
• Relative & absolute paths
• Linking images with <a>
• Practice: Build a small photo gallery

Day 6: Lists

• Ordered list (<ol>), unordered list (<ul>)
  
• Description list (<dl>, <dt>, <dd>)
  
• Nested lists
  
• Practice: Create a list of your favorite movies

Day 7: Tables

• <table>, <tr>, <th>, <td>
  
• Table borders, colspan, rowspan
  
• Adding captions to tables
  
• Practice: Make a timetable for a school week
  

Day 8: Forms – Basics

• <form> tag
  
• Text input (<input type=”text”>)
  
• Password, email, number
• Labels & placeholders
  
• Practice: Create a simple login form
  

Day 9: Forms – Advanced

• Radio buttons, checkboxes, select dropdown
  
• Textarea
  
• Submit & reset buttons
• Fieldset & legend
• Practice: Create a registration form
  

Day 10: Semantic HTML

• Understanding semantics
• Tags: <header>, <nav>, <main>, <section>, <article>, <footer>
• <aside> & <figure>
  
• Practice: Create a simple blog layout using semantic tags

Day 11: Multimedia

• Embedding videos (<video>)
  
• Embedding audio (<audio>)
  
• YouTube video embedding
  
• Practice: Add a video & audio player to a page
  

Day 12: Iframes & Meta Tags

• <iframe> for embedding websites/maps
• <meta> tags for SEO & charset
  
• Practice: Embed Google Maps and set meta description

Day 13: HTML Entities & Special Characters

• Common entities: &copy;, &lt;, &gt;, &amp; 
  
• Non-breaking space (&nbsp;)
  
• Practice: Write a copyright notice

Day 14: HTML5 Features

• <details> & <summary>
• <progress> & <meter>
  
• <canvas> introduction
  
• Practice: Create an FAQ section using <details> & <summary>

Day 15: Final Project

• Build a Personal Portfolio Webpage using everything learned: 
• Header with navigation
• About section
  
• Image gallery
  
• Contact form
  
• Footer with copyright