Lesson Plan

Resources → Subject Notes → Information Communication Technology ICT → Notes
Lesson Plan
Grade: Date: 25/02/2026
Subject: Information Communication Technology ICT
Lesson Topic: Know and understand the function of metatags including to define the charset, keywords for search engines, the author of the web page, a description of the web page, the viewport (to make your web page display on all devices)
Learning Objective/s:
  • Describe the purpose of common meta tags (charset, keywords, author, description, viewport).
  • Explain how meta tags affect browser behavior, search‑engine results and responsive design.
  • Apply correct syntax to add meta tags within the <head> of an HTML page.
  • Evaluate meta tag usage against best‑practice guidelines.
Materials Needed:
  • Projector or interactive whiteboard
  • Computer with internet access for each student
  • Code editor/IDE (e.g., Visual Studio Code)
  • Printed handout of meta tag reference table
  • Sample HTML files for modification
 Introduction:

Begin with a quick demo of a web page that looks distorted on a phone, then ask students why it happens. Recall that the <head> section holds information for browsers and search engines. Explain that today they will learn the key meta tags and how to use them to make pages accessible and mobile‑friendly.
Lesson Structure:
  1. Do‑now (5'): Students view a screenshot of a non‑responsive page and note issues.
  2. Mini‑lecture (10'): Introduce meta tags, purpose and syntax using slides.
  3. Guided practice (15'): Teacher demonstrates adding each meta tag to a sample HTML file.
  4. Independent activity (20'): Students edit their own HTML page to include correct meta tags, referencing the handout.
  5. Peer review (5'): Pairs check each other's meta tags against best‑practice checklist.
  6. Whole‑class recap (5'): Discuss common errors and why the viewport tag is crucial.
Conclusion:

Summarise how meta tags improve accessibility, SEO and responsiveness. Students complete an exit ticket by writing one meta tag they found most important and why. Assign homework to create a personal web page that includes all five meta tags correctly.