Place a hyperlink on your web page.

A hyperlink is a text or image on a web page that when clicked will redirect the user to another place on the Internet. A link may redirect the user to another page within the same website, another web page on a different website or even an email address that will launch a user’s mail client. A popular method to code hyperlinks within a web page is in javascript.

Instructions

1. Open or create a new web page in a web page editing program. A web page may also be edited in text editor like WordPad or Notepad. Just click in the “File” menu and select “Open” to open the web page in a text editing program. (Text editing programs won’t allow you to test the hyperlinks within the program.)

2. Locate the place within the web page that you want to place a hyperlink. You may want to include a hyperlink when a user clicks on a certain image or a certain word.

3. Wrap the hyperlink code around the image or text. The hyperlink code in its most basic form is: . Part of the code will have to be typed before and the other part of the code, the ending tag, will have to be placed after the image or text that will be hyperlinked.

For example, to place a hyperlink code around an image type:

src=”file:/images/electronics/creative-zen.jpg”>

To place a hyperlink code around text, type:

Contact Us

4. Include the URL of the web page in the hyperlink tag that the user will be redirected to when the image or text is clicked on. This URL will need to be inserted between the “” in the beginning “a href” tag.

For example, if you want to redirect the user to Yahoo.com when they click on an image, type:

If you want to send a user to another page within your website when they click on a link, type just the name of the web page (you don’t need to include the entire URL in this case):

Contact Us

To include an email address in a hyperlink, you would type this:

Email Us

5. Enter the color that the hyperlink should be when it is unvisited, active or after it has been clicked on. This is optional, as the web page editor will input default colors. To specify, in the beginning body tag near the top of the web page input the hyperlink color codes.

For example, to change the color of an inactive link to black, an active link to maroon or a visited link to white, you would type:

6. Make sure to save all changes in the web page or text editor program.