Lesson Plan

• Describe the purpose of bookmarks (internal links) on a web page.
• Identify where to place a unique id attribute for a target section.
• Construct an internal hyperlink using the hash (#) syntax.
• Test and troubleshoot bookmark functionality, ensuring unique IDs and correct syntax.

• Computer with internet access
• Text editor or IDE (e.g., VS Code)
• Projector and screen
• Sample HTML files
• Printed worksheet with the practice activity
• Web browser for testing

Begin by asking students how they navigate long web pages, such as tables of contents, and link this to the concept of bookmarks. Recall the previous lesson on anchor tags and the href attribute. Explain that today they will learn to create internal links using the id attribute and will demonstrate a functional bookmark by the end of the lesson.

1. Do‑Now (5'): Students list ways they currently jump to sections on a webpage; share answers. (Engage)
2. Mini‑lecture (10'): Explain id rules, hash link syntax, and common mistakes; show example code on the projector. (Explain)
3. Guided coding (15'): Open a starter HTML file, add id attributes to headings, and create a table of contents with internal links, following teacher prompts. (Apply)
4. Pair testing (10'): Swap computers, click each link to verify scrolling, and troubleshoot using the checklist. (Check)
5. Independent practice (15'): Complete the “My Favourite Recipes” activity, creating a bookmark page from scratch. (Create)
6. Quick recap quiz (5'): Exit ticket – write the correct href for a link to an element with id="summary". (Assess)

Recap that bookmarks rely on unique id attributes and hash‑based href values to navigate within a page. Invite a few students to share one mistake they corrected during the activity. Collect exit tickets and assign homework to add a bookmark section to their existing website project.