HTML Links: Internal, External, Email & Page Anchor Links

In this lesson, we're going to learn how to create links in HTML. We'll start by creating external links to other websites before moving on to internal links that connect pages within your own website. Along the way, we'll look at relative file paths, linking to pages inside subfolders, creating links that jump to different sections of the same page, and even creating email links. We'll also talk about writing meaningful link text and why it's important for accessibility and usability. By the end of this lesson, you'll understand how hyperlinks work and be able to connect pages together to create a functional website. 00:00 Introduction 00:22 What is a hyperlink? 00:48 Creating your first external link 02:04 Understanding the href attribute 02:30 Opening links in a new tab 04:13 The anchor element vs. list items 05:15 Placeholder links (#) 05:47 Creating internal links 06:36 Linking to another page 07:16 Linking to files in subfolders 09:29 Root-relative file paths 10:01 Linking back to the homepage 11:20 Jump links to sections on the same page 13:00 Creating email links (mailto:) 14:30 Writing accessible link text 15:04 Recap