Make your own free website on
You are here --> [Hyperlinks - Getting Out and Around] --> Jump To Article

HTML Made Simple
Author: Mike Ware
Website: [warebiz] :: "The Programmer's Domain" -
Copyright © 2002 Michael Shawn Ware, All Rights Reserved.

    --> Getting Started with HTML - First Things First
    --> Ground Zero - Where Do I Begin?
    --> HTML Tags - It's All About Tags
    --> Character Formatting - How to Spice Up Text
    --> HTML Lists - Looking Sharp and Organized
    --> [Hyperlinks - Getting Out and Around]
    --> HTML Tables - Far From Picnic Tables
    --> Displaying Images - Adding Life to Your Pages
    --> HTML Forms - Forming What?
    --> Image Mapping and Editing - Importance of Being Unique
    --> Frames - Structuring Static Document Layout


Hyperlinks - Getting Out and Around

A hyperlink is text, an image, or any other object in an HTML document that can be clicked in order to gain access to an external web site, an internal web page, an external web page, or an internal section within an HTML document. An external link provides access to another web site that is not part of the current web site, such as going to from An internal link provides access to another web page which is apart of the original web site, such as going to the next article in this guide from this web page. An external web page link provides access to a web page that is apart of another web site. An internal section link points to a region within a web page document.

Hyperlinks are easily noticed in a web page document because by default, they are underlined and painted blue (unless otherwise specified) and a mouse pointer will change to a hand with the index finger pointing to the link indicating that the web user may click on the text, image, or object. Also, by default, image hyperlinks are given a distinct border color (unless otherwise specified). HTML provides ways to manipulate the color of links, visited links, and active links by using the following attributes of the <body> tag:

    link="#hexColor" --> link color
    vlink="#hexColor" --> visited link color
    alink="#hexColor" --> active link color (upon click)

#hexColor must be a valid hexadecimal value representing the color to be used for each attribute as usual. The border surrounding an image hyperlink can be manipulated by using the border="0" attribute of the image tag such as:

    <img src="imageURL" alt="this image" border="0">

The link anchor tag has the following form: <a href="URL"> </a>

The URL, full file path, of the destination is to be placed between the quotes. The target="_blank" attribute will allow the link to open the document in a new browser window so the visitor will not leave the current web page. For example, consider:

    <a href="URL" target="_blank">

The following illustrates how to link to a web site:

    <a href="" target="_blank">Programmer's Heaven</a>

The following illustrates how to link to a web page that is apart of a web site:

    <a href="">[warebiz] :: C++ Ripped Apart</a>

The following illustrates how to produce internal web document links:

    <a href="#linkName"> </a> --> use for the target link within the web document
    <a name="linkName"> </a> --> use for the anchor within the web document (the destination from clicking the #linkName)

The following illustrates how to create a linkable image with no border color:

    <a href="linkURL"><img src="imageURL" border="0"></a>

The anchor tag <a> allows for user friendly web page navigation and provides quick access to web user interests.

With hyperlinks covered, we can now move on to the wonderful world of tables. Tables are the most important aspect of the HTML language. You can design an entire web page with the blueprint grid of the page being one large table. Tables allow web designers to place images, objects, and text in an exact position. Read on for more about tables...

Move on to next topic: HTML Tables - Far From Picnic Tables

Back to Top