2.4 Creating LInks
 
2.4 Creating Links — Web Development
2.4

Creating Links with <a>

Students will add and utilize hyperlinks on their webpages
2.4.1
Links — Slides & Video
2.4.2
Links Quiz Pro
2.4.3
The <a> Tag — Interactive Example
2.4.4
Search Engine Links Pro
2.4.5
Linkbran.ch Pro
2.4.6
Wiki Page Pro
Prior Knowledge
  • HTML tags and syntax
  • HTML document structure
Planning Notes
  • Review slides and exercises before class
  • Shorter lesson — time available for review or enrichment
  • Suggested activity/handout included
Solution & Problem Guides
  • 2.4.2 Links Quiz
  • 2.4.4 Search Engine Links
  • 2.4.5 Linkbran.ch
  • 2.4.6 Wiki Page
Peer Code Review template available for guided collaboration on any exercise.
2 min
Opener — Discovery Direct students to a Wikipedia article of their choice. Count all visible links without scrolling.
5 min
Discussion Warm-Up Students brainstorm answers to beginning-of-class questions individually or in pairs, then share.
7–10 min
2.4.1 + 2.4.2 — Video & Quiz Watch lesson video. Complete corresponding quiz.
3–5 min
2.4.3 — The <a> Tag Explore the interactive example. Encourage Code View and adding an extra link.
4–6 min
2.4.4 — Search Engine Links Students use the provided example to build additional links.
5–7 min
2.4.5 — Linkbran.ch Build a link page. Open in a new window if embedded view fails.
Not all websites load in an embedded window.
7–10 min
2.4.6 — Wiki Page Write an original Wiki-style article with appropriate links. Do not copy from Wikipedia.
Solution is example only — actual code will vary.
5 min
Lesson Closer — Reflection Discuss end-of-class questions. Students reflect on the most challenging aspect of the course so far.
Start What is a link (also known as a hyperlink)?
The connection between one HTML page and another HTML page.
Start Why is it important for web pages to have links? How is this helpful to the viewer?
Links organize additional information and connect related pages. They also provide an easy path to a new HTML page when the web address is hard to remember or type.
Start What benefits does a Wikipedia article have over a printed encyclopedia entry?
Links are a direct path to related pages or additional information. In a book, you'd need to use the glossary or index and flip to a separate page.
End Name the most challenging aspect of the course so far.
Take note of student responses for future review and to identify topics that may need revisiting.
End Why is the href attribute necessary in an <a> tag?
The href attribute holds the web address to navigate to when the link is clicked. Without it, the link has nowhere to go.
Advanced
  • Tackle Bonus Challenges in exercises
  • Complete supplemental enrichment activities
Additional Support
  • Pair programming with another student
  • Print video slides for in-class reference
ELL Students
  • Print slides; use dictionary for unknown vocab
  • Pair programming with another student
Last updated  2026/03/10 01:08:40 PDTHits  4