7 Days HTML + CSS Learning Plan
Day 1: HTML Basics
- Introduction to Web, HTML, Structure of HTML
- Basic Tags: <html>, <head>, <title>, <body>, <h1> to <h6>, <p>, <br>, <hr>
- Text Formatting Tags: <b>, <i>, <u>, <strong>, <em>, <small>
Day 2: HTML Links, Images, Lists
- Links: <a> tag (internal, external, mailto)
- Images: <img> tag (attributes)
- Lists: Ordered, Unordered, Description Lists
Day 3: HTML Tables & Forms (Basic)
- Tables: <table>, <tr>, <td>, <th>, colspan, rowspan
- Forms: <form>, <input>, <textarea>, <button>
Day 4: Semantic HTML + Media Tags
- Semantic Elements: <header>, <footer>, <section>, <nav>, <article>, <aside>
- Audio: <audio>, Video: <video>, Embedding YouTube with <iframe>
Day 5: CSS Basics
- Introduction to CSS, Types of CSS (Inline, Internal, External)
- CSS Syntax, Selectors, Colors, Units, Comments
- Basic Styling: Text, Colors, Backgrounds
Day 6: CSS Box Model + Layouts
- Box Model: margin, border, padding, content
- Display: block, inline, inline-block
- Positioning: static, relative, absolute, fixed
- Flexbox Basics
Day 7: Final Project & Revision
- Build a Simple Responsive Webpage (using HTML & CSS)
- Revision of all topics covered