Skip to content

Home

Jump to bottom
Mehedi Hasan Siddique edited this page Dec 25, 2025 · 1 revision

Welcome to the HTML wiki!

📘 HTML for Complete Beginners – Lesson Plan

This lesson plan is designed for absolute beginners. No prior programming knowledge is required.

Each lesson focuses on one concept only and uses simple examples.

🟢 Lesson 00: What is HTML

File: 00-what-is-html.html

What students will learn:

  • What HTML means (HyperText Markup Language)
  • What HTML is used for
  • HTML is not a programming language

Teaching rules:

  • Only text and comments
  • Use only the <p> tag
  • No styling, no links, no images

🟢 Lesson 01: HTML Basic Structure (Most Important)

File: 01-html-structure.html

What students will learn:

  • <!DOCTYPE html>
  • <html>, <head>, <body>
  • <title>

Goal:

Students understand the basic skeleton of every HTML page.

🟢 Lesson 02: Headings

File: 02-headings.html

What students will learn:

  • <h1> to <h6>
  • Importance of using <h1> correctly

Note:

Explain that headings are used for structure, not size.

🟢 Lesson 03: Paragraphs

File: 03-paragraphs.html

What students will learn:

  • <p> tag
  • <br> tag
  • Line breaks in text

🟢 Lesson 04: Text Formatting

File: 04-text-formatting.html

What students will learn:

  • <b> and <strong>
  • <i> and <em>
  • <u>

Note:

Explain semantic meaning simply.

🟢 Lesson 05: Links

File: 05-links.html

What students will learn:

  • <a> tag
  • href attribute
  • Opening external websites

🟢 Lesson 06: Images

File: 06-images.html

What students will learn:

  • <img> tag
  • src attribute
  • alt attribute (very important)

🟢 Lesson 07: Lists

File: 07-lists.html

What students will learn:

  • Ordered list <ol>
  • Unordered list <ul>
  • List item <li>

🟢 Lesson 08: Tables

File: 08-tables.html

What students will learn:

  • <table>
  • <tr>, <th>, <td>

Rule:

  • No CSS
  • Keep tables very simple

🟢 Lesson 09: Forms (Basics)

File: 09-forms-basics.html

What students will learn:

  • <form> tag
  • <input> tag
  • <label> tag

🟢 Lesson 10: Input Types

File: 10-input-types.html

What students will learn:

  • text input
  • password input
  • email input
  • submit button

🟢 Lesson 11: div & span

File: 11-div-span.html

What students will learn:

  • Difference between <div> and <span>
  • Block vs inline elements (simple explanation)

🧪 Mini Projects (Practice)

🟣 Project 01: Simple Profile Page

File: 12-simple-profile-page.html

Must include:

  • Heading
  • Image
  • Paragraph
  • List
  • Link

🟣 Project 02: Simple Form Page

File: 13-simple-form-page.html

Must include:

  • Name field
  • Email field
  • Password field
  • Submit button

📝 Teaching Rules (Important)

These rules apply to every lesson file:

✔ One concept per file
✔ Clear comments
✔ No CSS
✔ No JavaScript
✔ Simple English
✔ Beginner-friendly

✅ End Goal

After completing this lesson plan, a learner should be able to:

  • Create simple HTML pages
  • Understand basic HTML structure
  • Be ready to learn CSS next

🌱 Who This Curriculum Helps

School students, College beginners, Non-CS learners, People scared of coding...

Clone this wiki locally