Create a Hyperlink on Web Page

by Catherine Johnson

Overview

Hyperlinks form the backbone of the entire Internet. As a reference address contained within a web page, hyperlinks point to other resources such as a website, an image or sound file or any other online material. You don't need a fancy web or graphics program to code your own hyperlinks. By using a simple text program that comes with almost all computers, you can quickly create a hyperlink on your web page. Here is a step-by-step guide to help you through the process.

Easily create a hyperlink on your web page

Step 1

Use your text editor to open the html web page file where you want to create the hyperlink.
Step 2

Navigate down to the text where you want to make the hyperlink. Before the text that you want to use for the link, enter < a href="url" > . After the text, enter </a>. Your text should now look like this: <a href="url">link text</a>.
Step 3

Enter the link address into the code. This is the url address that the browser will go to when someone clicks on the link. Enter the address in between the quotation marks, where it says "url". Be sure to include the full address, including the http protocol. Your link code should now look like this: <a href="http://completeurl.com">link text</a>.
Step 4

Create a hyperlink that opens in a new window or tab. Add the target attribute after the link address to have your hyperlink open in a separate window. After the url of your hyperlink, enter target="_blank". Your code should now look like this: <a href="http://completeurl.com" target="_blank">link text</a>.

1
Computer Text editor like Notepad (Windows) or TextEdit (Macintosh)
Computer
Text editor like Notepad (Windows) or TextEdit (Macintosh)
Be careful when inputting link code into your web page. Placing an extra space or forgetting one character in your code can break your hyperlink. Double check that your code precisely follows the above format, and make sure to also test your link online.
Be careful when inputting link code into your web page. Placing an extra space or forgetting one character in your code can break your hyperlink. Double check that your code precisely follows the above format, and make sure to also test your link online.

References & Resources