Linking outward is what makes your site part of the web rather than an island. When you point to a page on another site, you need an absolute URL — the full address including the scheme (https://), the domain, and any path — because a relative path would only ever be resolved against your own site's folders. This topic covers how to write those links with the anchor element and how to choose attributes that affect where the page opens and how safely.
Two attributes matter most here. The target attribute (commonly target="_blank") controls whether the destination replaces the current page or opens in a new tab, and historically a new tab could give the destination limited scripting access back to your page, which is why rel="noopener noreferrer" is the standard companion. The rel attribute also describes the relationship between your page and the destination more broadly, with values such as nofollow, external, and license. Alongside the technical details, there is a user-experience obligation: link text should tell people where they are going, and users should not be surprised by a tab opening unexpectedly.
As you watch, focus on three things: the exact anatomy of the anchor tag (href, text content, closing tag), how the videos distinguish absolute from relative URLs, and any mention of target or rel. Note that short beginner tutorials often stop before the security discussion — treat the module readings as the authority on rel="noopener noreferrer" and use the videos to build fluency with the markup itself.
A concise official W3Schools tutorial introducing the HTML link, explaining what a hyperlink is and how the anchor element and its href attribute work. Given its length and beginner framing, it most likely demonstrates basic link syntax and may touch on link targets and absolute versus relative addresses. It serves as a quick reference-style overview rather than a deep dive.
It comes from W3Schools, the reference many students already use for HTML syntax, so the terminology matches the documentation you will consult while coding. At under four minutes it is an efficient way to confirm the core anchor syntax before moving on to external-linking specifics.
A longer walkthrough of HTML links and anchor tags that, per its description, covers clickable sections with smooth scrolling and styling links to look like buttons, with an emphasis on building SEO-friendly hyperlinks. The SEO angle suggests attention to descriptive link text and link attributes that search engines interpret, which overlaps with the rel attribute and communicating destinations to users. Expect practical demonstrations rather than formal specification reading.
The focus on SEO-friendly, well-written hyperlinks reinforces the user-communication and rel-attribute subtopics, which pure syntax tutorials often skip. Its longer runtime allows more worked examples of writing link text that tells readers where a link goes.
A classroom-style lecture organized by a published table of contents: an introduction, the anchor element, external links, and internal links within the same directory. The explicit split between external and internal linking means you should see absolute URLs for off-site destinations contrasted directly with relative paths used inside your own project. The pacing is instructional, with time to explain why each form is used.
It is the only video here that structures the material as external versus internal linking, which is exactly the distinction this topic rests on. Because it was produced for a course, the explanations are aimed at students building their own multi-page sites, matching the work you are doing in this module.
These videos target MO3 most directly: together they establish the anchor element's syntax, the difference between absolute URLs for external destinations and relative paths for internal ones, and the attributes that shape how a link behaves and how it is described to users and search engines. The internal-link coverage in the course lecture also feeds MO4, since a consistent navigation menu is built from the same anchor element, and clear link text supports the accessibility expectations in MO1 and MO5. Use the module readings to fill the gap on target="_blank" security and rel="noopener noreferrer", then apply all of it when you test every internal and external link in your finished site for 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.