ipl Learning HTML

Links

Hyperlinks, or simply links, are all those underlined words or images that you see in web pages that will take you from one web page to another web page when you click on them. And, making links in HTML is really very simple once you get the hang of it. So let’s just jump right in and make a link to the Internet Public Library.

To start, you need a pair of anchor tags, <a and </a>, which tell the browser that "Hey, here is a the begining and ending of a link." Between the anchor tags you want to put the text that will be your link. In this example, I am have used the words "Internet Public Library":

              <a>Internet Public Library </a>

But wait, that’s not all. The web browser doesn’t know what web page you want to link to. So, in order to tell the web browser what page you want to link to, you need to use a hypertext reference attribute, href,  as well as a URL for the value. The URL, which stands for Uniformed Resource Locator, is nothing more than the web address that is displayed in the location bar of the web browser. For example, if you look up there right now, the web address for this page here is /youth/kidsweb/tags9.html.

I know, it sounds a bit confusing, but looking at the example might help: 

<a
red arrow pointing up
start tag 
href=
red arrow pointing up
attribute
"URL goes here">
red arrow pointing up
value
write some text to identify the link
red arrow pointing up
end tag
</a>
red arrow pointing up
this will be your link

Still confused? Well, here is the HTML for making a link to the Internet Public Library: 

<html>
<head>
<title>Learning HTML</title>
</head>
<body>
<a href="/">Internet Public Library </a>
</body>
</html>

Got the hang of it? It is pretty simple once you get the hang of it. Just make sure that the URL is enclosed in quotation marks, or your link won’t take you anywhere.

Let’s keep going… right arrow

This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.