■ HTML Lesson Plan (10 Days)
Day Lesson Content
Introduction to HTML
- What is HTML?
- Structure of an HTML Document
Day 1 - Basic Tags: <!DOCTYPE>, <html>, <head>, <body>
Text Formatting
- Headings <h1>–<h6>
- Paragraphs <p>
- Line Breaks <br>
- Bold <b>, Italic <i>, Underline <u>
Day 2 - HTML Entities ( , <, >)
Links and Images
- Anchor Tag <a href="">
- Image Tag <img src="">
- Absolute vs Relative Paths
Day 3 - Image Attributes (alt, width, height)
Lists in HTML
- Ordered Lists <ol>
- Unordered Lists <ul>
Day 4 - Definition Lists <dl>, <dt>, <dd>
Tables
- Table Structure (<table>, <tr>, <td>, <th>)
- Table Attributes (border, colspan, rowspan)
Day 5 - Semantic Use of Tables
Forms
- <form> Tag
- Input Types (text, password, email, number)
- Labels, Checkboxes, Radio Buttons
- Textarea, Select & Option
Day 6 - Submit Button
Multimedia Elements
- Audio <audio>
- Video <video>
Day 7 - Attributes: controls, autoplay, loop, muted
Semantic HTML
- <header>, <footer>, <article>, <section>
- <nav>, <aside>, <main>
Day 8 - Importance of Semantic Tags
HTML5 APIs (Basics)
- Geolocation API
- Local Storage vs Session Storage
- Canvas <canvas> for graphics
Day 9 - Introduction to SVG
Project Day
- Build a Simple Web Page
- Include text, images, links, lists, table, and a form
Day 10 - Apply semantic structure