HTML: Hyperlinks

Name: HTML: Hyperlinks
Author: Jeremy Kurtz

Learn how to directly link to a website with hyperlinks

Preview the first lesson free — get full access to all 5 lessons.

Course: On-Demand

In this lesson, we're going to learn how to hyperlink one page to another page in the same directory. The first thing we need to do is to save our file as I'm going to call it link A. Once that's completed, I'm going to put a space underneath the horizontal rule so that puts me at line 10. In here, I'm going to put an opening anchor tag, followed by href, followed by the equal sign, and then the page I'm going to link to is going to be the page para. So it's para dot html. Now you do want to point something out. There are so many times while I've been teaching this that people will have a tendency to spell href as href. So if you get a link that you've made and it doesn't work, please check that because it is the most common mistake I've seen in linking in 20 plus years. I'm going to now put some link text in to let people know they can go to the paragraph page. So I'll type in go to paragraph page, then I'm going to put the closing anchor tag. So that is a basic hypertext link. And we're going to have to look at this a little bit different. So I want to take a moment to show you what you need to do is you're going to go file and save so that saves the work we've just done. And you're going to open up the directory that houses your pages. So in my case, it's my html files directory. I am now going to go to the link a page. Now if you notice, beside the link a page to the left is an icon for the Firefox browser, which is my default browser. If I double click link a, it will immediately open that file up in the Firefox browser. And that's what we need to do to test our links. So I'll double click it. It opens up the browser and there's our web page. And this is kind of a nice way to look at it because you can see like where the title shows up. You can see the size of the heading from when we practice that, the different style text, the image we manipulated. But right above that, you'll see a link that says go to paragraph page. And if I just click it, it opens up the paragraph page. Now the one last idea I want to show you on this is I can take this link. So I'm going to back up so it's on this page and just minimize it. But I can go to this page and move my anchor type tag at line 10. So I will cut that, which is control X. And I'm going to actually put it to the left of my image tag. So control V to paste. And then I'm going to put the closing anchor tag. So I'll cut that and I'm going to put it at the end of my image tag. So control V to paste again. And now should just remove the go to paragraph page. And when I save it and we go back to the browser, we're going to see something pretty interesting. When we look at the browser and refresh it, you'll notice now we don't see the text for the hyperlink. However, if I click on the picture, it actually opens up the paragraph page. So this shows you that not only can you link to a page using text, you can also link to a page using pictures. In our next lesson, we're going to learn to link to pages outside of our own directory. See you then.

Beginner Provider : Jeremy Kurtz 5 Lessons · 27m in English

Course Description

This course teaches how to add a hyperlink in HTML both locally to a page within your own website or globally to a page elsewhere on the Internet. Hyperlinks are essential for quick and convenient access to other pages on the Internet. You will also learn how to work with the ID selector, A tag and Href functions, and alignment attributes.

Learning Objectives

Skills

What You'll Learn

Add a hyperlink to a local page within your own website
Link to a page elsewhere on the Internet
Apply the A tag and Href functions to create hyperlinks
Work with the ID selector in HTML
Use alignment attributes when formatting hyperlinks
Apply the height and width attributes

Key Takeaways

Hyperlinks can be added in HTML both locally to a page within your own website and globally to a page elsewhere on the Internet.
Hyperlinks provide quick and convenient access to other pages on the Internet.
The A tag and Href functions are used to create hyperlinks in HTML.
The course covers working with the ID selector and alignment attributes.
Formatting hyperlinks and applying the height and width attribute are core skills taught in this course.

Frequently Asked Questions

What will I learn in this course?

You will learn how to add a hyperlink in HTML both locally to a page within your own website and globally to a page elsewhere on the Internet, as well as how to work with the ID selector, the A tag and Href functions, and alignment attributes.

What topics do the lessons cover?

The lessons cover hyperlinking to a local page, linking to a page on the Internet, the ID selector, hyperlinks with the A tag and Href, and alignment attributes.

What skills will I gain from this course?

You will gain skills in formatting hyperlinks in HTML and applying the height and width attribute.

Why are hyperlinks important?

Hyperlinks are essential for quick and convenient access to other pages on the Internet.