Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 01/12/2025
Subject: Information Communication Technology ICT
Lesson Topic: Be able to insert a table including table header, table rows, table data
Learning Objective/s:
  • Describe the purpose and semantic structure of HTML tables.
  • Identify and use the correct HTML tags for table headers, rows, and data cells.
  • Create a well‑formed HTML table with <thead>, <tbody>, <tr>, <th>, and <td> elements.
  • Apply best practices to avoid common pitfalls such as missing tags or incorrect header placement.
  • Evaluate a table’s accessibility by checking proper use of header cells.
Materials Needed:
  • Computer with internet access
  • Projector or interactive whiteboard
  • Text editor or IDE (e.g., VS Code)
  • Sample HTML file with placeholder for a table
  • Printed worksheet with the practice exercise
  • Reference handout of HTML table tags
 Introduction:
Begin with a quick poll: who has ever used a spreadsheet to compare information? Review how rows and columns help organise data, then link this to HTML tables. Explain that today’s success criteria are to correctly code a table using proper tags and produce a functional, accessible table.
Lesson Structure:
  1. Do‑now (5’) – Short quiz on identifying rows vs. columns in everyday contexts.
  2. Mini‑lecture (10’) – Explain table anatomy (<table>, <thead>, <tbody>, <tr>, <th>, <td>) with a diagram.
  3. Guided coding demo (15’) – Teacher builds a sample product table live, highlighting each tag.
  4. Pair programming (15’) – Students create the practice table (subjects, hours, teacher) using the correct structure.
  5. Check for understanding (10’) – Groups swap code and use a checklist to spot common errors (missing <thead>, wrong cell types).
  6. Whole‑class reflection (5’) – Discuss how proper markup improves accessibility and styling.
Conclusion:
Summarise that a correctly structured HTML table uses <thead> for headings and <tbody> for data, ensuring clarity and accessibility. For the exit ticket, each student writes one tip to avoid a common table mistake. Homework: modify the practice table to add a caption and style it with basic CSS.