Linking External Pages

00:00 You may have noticed your title needs updating. You can update it to be “Hello World!” Remove Am I HTML ready, and type Hello, World! You need to add another update.

00:15 Specifically, you can add external links to your favorite websites. Inside the first li element and before the text, add your opening anchor tag.

00:25 So on line 23, add a Within the opening a tag, add an absolute link to Real Python. So href= equal quotes https://realpython.com.

00:41 Now you can add your closing anchor tag to be on the other side of realpython.com text. This ensures realpython.com is what you see on the page.

00:51 You can go through and do this for each of your favorite websites.

01:05 Open index.html in your browser to see what this looks like. You can see your text is now appearing as a hyperlink with a default color of blue and an underline.

01:17 Try clicking realpython.com.

01:21 As you can see, the absolute link brought you to Real Python.

01:28 You can take a moment to dive a bit deeper into the absolute links you just used.

01:34 So you just learned that absolute links are used to add external links. These links are the same ones that you type into your web browser. An example of this would be the external link you use to navigate to realpython.com.

01:47 To learn more about links, check out HTML anchor’s tutorial. Now that you understand links, you can dive into images.