Lesson Plan

• Describe the two types of bookmarks (browser and internal page) and their purposes.
• Explain how bookmarks improve navigation and user experience in long web documents.
• Demonstrate how to create a browser bookmark using keyboard shortcuts.
• Apply the id attribute to create internal page anchors and link to them.
• Compare the four bookmark creation methods and select the most appropriate for a given scenario.

• Projector or interactive whiteboard
• Computers with internet access (one per student)
• HTML editor (e.g., VS Code, Notepad++)
• Sample HTML file for practice
• Handout summarising bookmark syntax
• Keyboard‑shortcut reference sheet

Begin with a quick poll: “How often do you lose your place in a long web article?” Connect this to students’ prior experience with hyperlinks. Explain that today they will learn how bookmarks let users jump instantly to specific sections or saved pages. Success will be measured by their ability to create and use both browser and internal page bookmarks.

1. Do‑Now (5') – short quiz on basic HTML link syntax.
2. Mini‑lecture (10') – definition of bookmarks, difference between browser and page bookmarks, why they matter.
3. Demo (10') – create a browser bookmark using Ctrl+D/Command+D and name it.
4. Guided practice (15') – add id attributes to headings in a sample page and link to them with #id.
5. Pair activity (10') – rewrite a section using a semantic <section> with an id and create a cross‑page link.
6. Check for understanding (5') – exit‑ticket: write the HTML code for a page bookmark using the id method.
7. Wrap‑up (5') – recap key points and preview next lesson on navigation menus.

Summarise the four bookmark methods and stress the importance of clear, unique id values. Students complete an exit ticket describing one scenario where a cross‑page bookmark is useful. For homework, each learner creates a two‑page mini‑site that uses internal and cross‑page bookmarks to navigate between sections.