Creating Links to Other Pages in HTML

Creating A Hypertext Link

Just how do you create a link to another website? Read this tutorial for beginning web developers, written in an easy-to-understand format so you will be creating links in no time at all!

Today you will learn only one basic technique: How to create a hyperlink to another page. It’s a set tag format that’s part of the Hyper Text Markup Language (HTML) like any of the others you may have seen. Once you learn the format, you can make as many links as you want to any other page you want.

Now an example: The code below would create a link to the A1 Web Design Team home page.

<A HREF="http://www.a1webdesignteam.com">Click Here for A1 Web Design Team</A> 

Here’s What’s Happening

• A stands for Anchor. It starts the link to another page.
• HREF stands for Hypertext REFerence. That’s a nice, short way of saying to the browser, “This is where the link is going to go.”
• http://www.a1webdesignteam.com is the FULL ADDRESS (URL) of the link. Also notice that the address has an equal sign in front of it and is enclosed in quotes. Why? Because it’s an attribute of the Anchor tag, which is a command inside of a command.
• Where it reads “Click Here for A1 Web Design Team” is where you write the text that you want to appear on the page. The text in that space will appear on the page for the viewer to click. So write something that denotes the link.
• /A ends the entire link command.

Here’s what will appear on the page using the command above…

E-Mail Links From Your Page

This is what’s known as a mailto: command. It follows the same coding scheme as the hypertext link above. What this format does is place blue wording on the screen that people can click to send you an e-mail.

Here’s the pattern:

<A HREF="mailto:info@a1webdesignteam.com">Click Here To Write Me</A>

Notice that it’s the same format as a link except in this link you write “mailto:” in place of the http:// and you place your e-mail address in place of the page address/URL. Yes, you still need the </A> tag at the end. Please notice there is NO SPACE between the colon and the e-mail address.

Here’s what you get using the “mailto:” command above:

Click Here To Write Me