Hyperlinks are what turn a collection of separate HTML files into an actual website. The anchor element, written as a pair of <a> tags, wraps the text or image a visitor clicks, and its href attribute tells the browser where to go. That destination can be an absolute URL pointing to another site on the web (an external link), or a relative file path pointing to another page in your own project folder (an internal link).
In this module you are building a multi-page site, so linking is the glue that holds your work together. Every page you create needs to be reachable from your navigation menu, and every navigation menu needs correct relative paths that still work when files move into subfolders. You will also meet the target attribute, which controls whether a link opens in the same tab or a new one, along with the rel attribute that should accompany target="_blank" for security reasons.
As you watch the videos below, pay attention to three things: the exact syntax of the anchor element and where the clickable text goes, the difference between a full URL and a relative path, and the practical habits that keep links from breaking. Try typing each example yourself rather than only watching, and test every link in a browser before you move on.
A short, beginner-focused introduction from W3Schools covering what a hyperlink is and how the anchor element and href attribute work together in HTML. Expect a quick walkthrough of basic link syntax and how a browser responds when a link is clicked. At under four minutes, it is a compact overview rather than a deep dive.
W3Schools is a long-standing, widely used reference for web standards, so the syntax demonstrated is reliable and matches what you will find in the course documentation. It is the fastest way to get the anchor element and href attribute straight before tackling the longer videos.
A longer lesson that looks past basic syntax at the lesser-known capabilities of the anchor tag and at common mistakes developers make when writing links. Based on its title and description, expect discussion of attributes and link behaviors that beginners often get wrong or overlook. The nearly nine-minute runtime allows for more detail than an introductory clip.
It pushes you beyond copy-paste syntax toward the judgment calls this topic requires, such as when a link should open in a new tab and what accompanies the target attribute, which supports the course emphasis on correct and secure linking.
This tutorial focuses specifically on using the anchor element to build site navigation, and its description states it covers creating both internal and external links. You should see how absolute URLs are used to reach other websites and how relative file paths are used to reach other pages in your own project. Around seven minutes long, it gives enough room for worked examples.
It maps directly onto the internal and external hyperlink subtopics and frames linking as navigation, which is exactly how you will use it when building your multi-page site in this module.
Together these videos build directly toward MO3 and MO4: the W3Schools clip establishes the anchor element and href syntax, the WebDev Exploration tutorial distinguishes relative internal links from absolute external URLs in the context of site navigation, and the williamsk lesson addresses the finer points of anchor tag usage such as link behavior and attributes like target. Applying this material lets you construct the nav element required in MO1 and connect every page in the folder structure described in MO4. The habit of checking that each link resolves correctly, reinforced across all three videos, is also what you will need for the link-testing and quality review step in MO5.
These videos were chosen from YouTube on October 3, 2026. Each has captions; the player turns them on. Videos on YouTube can be changed or removed — if one no longer plays, tell your instructor. If a player does not appear, use its Watch on YouTube link.