Scribd
Upload
7 views

7 Days HTML CSS Learning Plan

The document outlines a 7-day learning plan for HTML and CSS, covering essential topics each day. Day 1 focuses on HTML basics, while subsequent days explore links, images, tables, forms, semantic HTML, media tags, CSS basics, and the box model. The final day is dedicated to building a simple responsive webpage and revising all covered topics.

Uploaded by

vighneshdurge704
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

7 Days HTML CSS Learning Plan

The document outlines a 7-day learning plan for HTML and CSS, covering essential topics each day. Day 1 focuses on HTML basics, while subsequent days explore links, images, tables, forms, semantic HTML, media tags, CSS basics, and the box model. The final day is dedicated to building a simple responsive webpage and revising all covered topics.

Uploaded by

vighneshdurge704
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like