HTML Tutorial

Your Guide to Hyperlinking

Hyperlinks can take the form of linking to one web page to another web page, opening an email or FTP client, or call for some other action. They are how we get from point A to point B on the World Wide Web; they are what make the web user friendly and convenient. A hyperlink can also move you from one point to another within a single page by using the "#" symbol (as you'll see in an example below).

Examples

Hyperlink which opens e-mail clients

Here's what it looks like: Email me!

Hyperlink Tags

Here's what it looks like: Cool Flash Scripts

Instead of plain text, you can use an image for a link. An image could be a .jpg, .gif, or .png file (and sometimes other image formats, too). Here's an example:

As you can see, there is a blue border around the image. If you wish to eliminate that border, just add border="0" as an attribute to the <img src..>, for example:

Naming our Hyperlinks

To create a "named" hyperlink, you can redirect users who click on a link to a different part of the currently-viewed HTML page, rather than to a new page. This is a very common method to use in website FAQs and tables of contents, where all the content is on a single page, and a set of links is provided at the top to navigate the FAQs.

For example, if you want to go to the top of this page, click on this link. If you view the HTML source code for this page, you'll see at the top of the HTML:

The link in the sentence above was:

See how it works?
You can, of course, include the entire URL with "#" symbol for the section. This will direct users to a specific section of a specific external page.

TUFaT.com Script Requests
All we've done here is add the #requests section reference. Of course, change "requests" and the URL to the page and section of the page you wish to direct to.

HTML menu.