HTML Full Learning Timetable (21 Days - 1.
5 hrs/day)
📘 Week 1 – Foundations of HTML
Goal: Understand HTML structure, tags, and basic formatting.
Day Topics Activities / Practice
Day 1 Introduction to HTML, Create your first HTML page
structure (`<!DOCTYPE with headings and
html>`, `<html>`, `<head>`, paragraphs
`<body>`)
Day 2 Headings, Paragraphs, Practice writing formatted
Comments, Line breaks, text with headings & line
Horizontal rules breaks
Day 3 Text formatting tags: `<b>`, Create a resume layout
`<i>`, `<u>`, `<strong>`, using only text formatting
`<em>`
Day 4 Links: `<a>`, anchor Create a page with links to
attributes (`href`, `target`, external/internal pages
`title`)
Day 5 Images: `<img>`, attributes Create an image gallery
(`src`, `alt`, `width`, `height`) page
Day 6 Lists: `<ul>`, `<ol>`, `<li>`, Create a checklist with both
nested lists ordered and unordered lists
Day 7 Practice Day 1–6 + Mini Apply headings, lists,
Project 1: Personal Profile images, and links
Page
📗 Week 2 – Intermediate HTML Elements
Goal: Learn tables, forms, semantic tags, and multimedia.
Day Topics Activities / Practice
Day 8 Tables: `<table>`, `<tr>`, Create a class timetable
`<td>`, `<th>`, `colspan`,
`rowspan`
Day 9 Forms: `<form>`, `<input>`, Create a login & feedback
`type`, `<textarea>`, form
`<button>`
Day 10 Form attributes: `action`, Create a signup form with
`method`, `name`, `value`, validation attributes
`required`
Day 11 Semantic tags: `<header>`, Build a blog layout using
`<footer>`, `<main>`, only semantic tags
`<article>`, `<section>`,
`<nav>`
Day 12 Audio & Video: `<audio>`, Embed music & video in a
`<video>`, controls, sources web page
Day 13 iFrames: `<iframe>` for Embed a YouTube video
embedding other sites, and Google Map
maps, videos
Day 14 Practice Day 8–13 + Mini Practice semantic layout
Project 2: Blog or Portfolio with forms, media, tables
Page
📙 Week 3 – Advanced Topics, SEO, Accessibility, Final Project
Goal: Learn accessibility, meta tags, SEO basics, and build a project.
Day Topics Activities / Practice
Day 15 HTML Meta tags: `meta`, Create an SEO-optimized
`charset`, `viewport`, HTML page
`description`, `keywords`
Day 16 Accessibility: `alt`, `label`, Make your form from Day
`aria-*` attributes 10 more accessible
Day 17 HTML Entities (` `, Create a reference cheat-
`©`, `<`, etc.), sheet page
Symbols
Day 18 Comments, Best Practices, Refactor one of your earlier
Formatting & Indentation projects with best practices
Day 19 Practice & Review Day Strengthen areas you find
(choose weak topics to challenging
revisit)
Day 20 Final Project Planning: Design layout and structure
Personal Portfolio or
Website
Day 21 Final Project Execution Build and test your portfolio
site
