Lesson Plan

• Describe the purpose and function of a hyperlink in web navigation.
• Identify and differentiate the main types of hyperlinks (external, internal, anchor, email, download).
• Explain the key attributes of the <a> element and their effects.
• Create functional hyperlinks using appropriate HTML code and attributes.
• Evaluate hyperlink accessibility and best‑practice usage.

• Projector or interactive whiteboard
• Computers with internet access (one per student)
• HTML editor (e.g., VS Code or an online editor)
• Sample web page files or sandbox environment
• Printed handout of <a> element attributes
• Worksheet for hyperlink coding practice

Begin with a quick demo: clicking a link on a familiar website and observing the page change. Ask students to recall how they navigate between pages online and why links are essential. Explain that today they will learn how hyperlinks work and what makes them functional, with success measured by creating their own working links.

1. Do‑Now (5'): Students list examples of links they used today and share with the class.
2. Mini‑lecture (10'): Explain the concept of hyperlinks, the different types, and the key <a> attributes using slides.
3. Guided coding (15'): Demonstrate creating an external link, an internal link, and an email link in the HTML editor; students follow along.
4. Pair activity (15'): Learners build a simple webpage containing at least three different hyperlinks, applying correct attributes while the teacher circulates for support.
5. Check for understanding (5'): Quick quiz or exit ticket where students match link types to their appropriate attributes.

Recap that hyperlinks connect web resources and are built with the <a> tag and its attributes. Have students complete an exit ticket describing one new type of link they created. Assign homework to add hyperlinks to a personal blog page, ensuring at least one download link.