| Lesson Plan |
| Grade: |
Date: 25/02/2026 |
| Subject: Information Communication Technology ICT |
| Lesson Topic: Be able to place appropriate elements in the head section of a web page including insert a page title to display in the browser, attach external stylesheets (with the correct hierarchy, using a relative file path), metatags to use the appropriate att |
Learning Objective/s:
- Describe the purpose of each
<head> element (title, charset, stylesheet link, meta tags, base).
- Explain the correct hierarchy when linking multiple external style sheets.
- Apply proper syntax to create a complete
<head> section using relative paths and required meta‑tags.
- Demonstrate how to set a default hyperlink target with the
<base> element.
|
Materials Needed:
- Computers with internet access (one per student)
- Projector and screen
- HTML editor/IDE (e.g., VS Code)
- Sample HTML files and a
css folder with style sheets
- Printed checklist of required
<head> elements
- Whiteboard and markers
|
Introduction:
Begin with a quick visual of a browser tab and ask students what information they think determines its title and appearance. Review that they already know basic HTML tags and will now focus on the hidden <head> section. Explain that by the end of the lesson they will be able to build a correct head that meets the success criteria on the checklist.
|
Lesson Structure:
- Do‑now (5'): Mini‑quiz on common HTML tags to activate prior knowledge.
- Teacher input (10'): Explain each
<head> element, hierarchy of stylesheet links, and base target concept.
- Guided practice (15'): Students create a full
<head> section in their IDE, following a step‑by‑step demonstration.
- Peer check (5'): Pairs use the printed checklist to verify each other's code.
- Whole‑class review & Q&A (5'): Highlight common errors and answer questions.
|
Conclusion:
Recap the key elements and their order, emphasizing how they affect page rendering and SEO. Students complete an exit ticket by writing one correct <head> line they found most challenging. Assign homework to create a personal web page that incorporates all discussed head elements.
|