Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 01/12/2025
Subject: Information Communication Technology ICT
Lesson Topic: Know and understand the purpose of the head and body sections of a web page
Learning Objective/s:
  • Describe the purpose of the <head> section and its key elements.
  • Explain the role of the <body> section and the types of content it contains.
  • Identify the differences between metadata and visible content.
  • Apply correct HTML syntax to create a basic page with proper head and body.
  • Evaluate common mistakes and suggest improvements for SEO and accessibility.
Materials Needed:
  • Computer with internet access
  • Projector or interactive whiteboard
  • Code editor (e.g., VS Code or Notepad++)
  • Sample HTML files and printed handout
  • Web browser for testing
  • Whiteboard and markers
 Introduction:

Begin with a quick poll: Who has seen the source code of a web page in a browser? Review that every web page is built with a head and a body, which serve different purposes. Today’s success criteria are to label each section, list its essential elements, and write a simple HTML skeleton.
Lesson Structure:
  1. Do‑Now (5') – Students view the source of a live website and note which parts appear on the page versus hidden.
  2. Mini‑lecture (10') – Explain the overall HTML document structure, focusing on the <head> (title, meta, link, scripts).
  3. Guided practice (12') – In pairs, students add missing head elements to a provided skeleton in their editor.
  4. Body section demo (10') – Demonstrate common body tags; students then expand the skeleton with headings, paragraph, and list.
  5. Comparison activity (8') – Using a table, students match head vs. body elements and discuss SEO impact.
  6. Check for understanding (5') – Quick exit‑ticket quiz with two short questions.
Conclusion:

Summarise that the head prepares the page for browsers and search engines while the body delivers the visible content. Students complete an exit ticket describing one head element and one body element they added. For homework, they will create their own web page using the correct head and body structure.