A website becomes a website — rather than a pile of separate files — when its pages are connected. Internal navigation is the system of links that lets a visitor move from the home page to an about page, a gallery, or a contact form and back again without ever typing a URL. The core tool is the anchor element, and the skill that makes it work is writing correct relative file paths: addresses that describe where a file sits in relation to the page currently being viewed.
In this topic you will practice writing links such as about.html, pages/contact.html, and ../index.html, and you will see why a path that works on one page may break on another once files are moved into folders. You will also build a navigation menu — a group of links, usually inside a nav element, repeated in the same place and same order on every page so users always know where they are and what their options are. Finally, you will use fragment identifiers (the # syntax paired with an element id) to jump directly to a section within a long page.
As you watch the videos below, pay attention to three things: how the href value changes depending on where the file lives, how the folder structure of the site is organized before any links are written, and how a navigation block is copied and kept consistent across pages. Keep a small test site open and try each path yourself — broken links are usually a typo or a wrong folder level, and the fastest way to learn the rules is to break and fix them.
This clip introduces hyperlinks using the anchor (a) element and focuses specifically on navigating between the pages of a single website. Based on its description, it also demonstrates assembling those links into a navigation bar, which is exactly the structure you will reuse on every page of your own site.
Deborah Kurata is a well-known instructor whose beginner series is carefully paced and accurate, and this clip maps directly onto two of our subtopics: creating basic internal links with the anchor tag and building a navigation menu structure.
A focused tutorial on HTML file paths that contrasts relative paths with absolute paths. Expect coverage of how a path is written relative to the current document, including moving into subfolders and stepping back up a level, and when an absolute URL is the right choice instead.
File paths are the single most common source of broken internal links, and this video devotes nearly fifteen minutes to just that topic, giving you the depth needed for the relative-paths and multi-page file-organization subtopics.
A beginner-level walkthrough that covers the img and a tags together, showing how to place an image on a page and how to turn text into a link. Because both elements rely on a path or URL in an attribute, the video reinforces path-writing in two different contexts.
Pairing images with links is useful here because the same relative-path logic governs src and href, and the short, practical format makes it a good quick review or refresher before you start wiring your own multi-page site together.
Together these videos support the module outcomes that concern linking and site structure. The file paths tutorial underpins MO3 by clarifying when to use a relative path for internal links versus an absolute URL for external ones, while the hyperlinks and navigation clip addresses MO4 by showing how anchor elements are grouped into a navigation bar that connects every page of the site, and it contributes to MO1 by demonstrating the nav region within an overall page structure. The images and links video reinforces MO2 and MO3 by treating src and href as parallel path-based attributes. All three prepare you for MO5, since knowing how a correct path is formed is what allows you to test a finished site and diagnose any link or image that fails to load.
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.