HTML
1-Month HTML Course Structure
Week 1: HTML Basics (Foundations)
Goal: Understand the building blocks of HTML and basic page structure.
Day 1: Introduction to HTML
What is HTML?
How the web works (Browser, Server, HTTP basics)
Setting up VS Code
Creating your first HTML file (index.html)
Day 2: HTML Structure
<!DOCTYPE html>
<html>, <head>, <body>
Metadata (<title>, <meta>)
Day 3: Text Formatting Tags
Headings (<h1> to <h6>)
Paragraphs <p>
Bold, Italics, Underline (<b>, <i>, <u>)
Line breaks <br>
Day 4: Lists
Ordered list <ol>
Unordered list <ul>
Description list <dl>
Day 5: Links & Navigation
Anchor tag <a>
Absolute vs Relative links
Linking email, phone, buttons
Day 6: Images
<img> attributes (src, alt, width, height)
Responsive images basics
Day 7: Practice Task
Build a Personal Bio Webpage
Includes: headings, paragraphs, lists, images, links.
Week 2: Intermediate HTML (Forms, Tables, Semantic Tags)
Goal: Learn user input, structuring data, semantic layout.
Day 8: Tables
<table>, <tr>, <td>, <th>
Table borders, colspan, rowspan
Day 9: HTML Forms – Part 1
<form>
<input> types (text, email, number, checkbox, radio, password)
<label>
Day 10: HTML Forms – Part 2
Dropdown <select>
Textarea <textarea>
Buttons (<button> vs <input>)
Day 11: Form Attributes
action, method
placeholder, required, value, readonly
Basic form validation attributes
Day 12: Semantic HTML
<header>
<nav>
<section>
<article>
<footer>
Day 13: Block vs Inline Elements
Difference & examples
Divisions and grouping (<div> and <span>)
Day 14: Practice Task
Build a Registration Form + Table Layout
Includes: all form input types, table summary.
Week 3: HTML Layout, Media, and Best Practices
Goal: Learn media embedding, accessibility, SEO-friendly HTML.
Day 15: Multimedia
Videos (<video>)
Audio (<audio>)
Attributes: controls, autoplay, loop
Day 16: iFrames
Embedded videos (YouTube)
Google maps iframe
Embedding websites
Day 17: Accessibility Basics
Alt attributes
ARIA labels
Form accessibility
Day 18: HTML Entities
©, , $, etc.
Day 19: HTML5 APIs Overview
Local Storage
Geolocation (intro)
Drag & Drop (basic concept)
Day 20: SEO Basics
Meta tags (description, keywords)
Heading hierarchy
Open Graph meta tags
Day 21: Practice Task
Build a Portfolio Website (3 Sections: About, Projects, Contact)
Week 4: Project Week – Real Websites
Goal: Apply everything learned to real-world projects.
Day 22–23: Project 1 → Multi-Page Website
Home Page
About Page
Services Page
Contact Page (with form)
Day 24–25: Project 2 → Blog Layout
Blog home (cards layout)
Single blog article page
Navigation + Footer
Day 26–27: Project 3 → Product Landing Page
Hero section
Features section
Pricing section
Embedded video
Signup form
Day 28: Best Practices Review
Clean code formatting
Comments in HTML
Folder structure (images/, css/, js/)
Day 29: Final Consolidation
Revisit forms, tables, SEO, semantic tags
Mini-quiz / Practice tasks
Day 30: Final Assessment
Build a complete responsive website (HTML only)
Example options:
Restaurant website
Travel website
Portfolio
Simple eCommerce front page
Output After 1 Month
You will be able to:
✔ Build multi-page websites
✔ Use forms, tables, media, semantic tags
✔ Structure professional HTML pages
✔ Understand accessibility + SEO basics
✔ Create project-ready HTML templates