HTML Link Tags Examples



ANCHORS - INTERNAL

To the Table of Contents
ANCHORS - LOCAL

Example code:
<A HREF="file:///C:/">Your harddrive.</A>

Result of example code:
Your harddrive.

Try it out: Clicking on the above will, for PC's, show you the contents of your C drive.

To the Table of Contents


ANCHORS - TARGET
To open a second page in a second browser window

Example code:
<A HREF="index.htm" TARGET="main">HTML Tags Live Examples Title Page.</A>

Result of example code:
HTML Tags Live Examples Title Page.

Try it out: Clicking on the above will open a new second browser window and load in the HTML Tags Live Examples title page leaving this page open in this browser window.

To the Table of Contents


JAVASCRIPT ALERTS


JAVASCRIPT BACK LINK

Example code:
<A HREF="javascript:history.back()">Back</A>

Result of example code:
Back

Try it out. Note: If you got to this section via the table of contents above, clicking back will take you back to the table of contents. Click the back button on the browser, then scroll down to this section. Clicking on the link then will send you (unless you have "clicked around" several times on this page first) to the previous page.

To the Table of Contents


META REFRESH (REDIRECT)

Example code:
<META HTTP-EQUIV="refresh" CONTENT="7; url=http://funnelweb.utcc.utk.edu/~dmdragon/merchant/links.htm#redirect">

Result of example code. The page the following link goes to has the above code within it's head tags. If your browser supports refresh, you will be returned automatically to this page.
Meta refresh text page.

To the Table of Contents


ONMOUSEOVER

Example code:
<A HREF="#TOC" onMouseOver="window.status='this will take you to the top!'; return true">To the Table of Contents</A>

Result of example code:
To the Table of Contents

Try it out (text should print out in status bar).


ONMOUSEOVER & ONMOUSEOUT

Example code:
<A HREF="#TOC" onMouseOver="window.status='this will take you to the top!'; return true" onMouseOut="window.status=' Welcome to the Links Tag Examples Page'; return true">To the Table of Contents</A>

Result of example code:
To the Table of Contents

Try it out (text should print out in status bar).


|Title Page| |Basic Template|
|Color| |Dynamic HTML/Layers| |Form Tags| |Frame Tags| |HTML Entities / ISO Characters|
|Image Tags| |Link Tags| |List Tags| |Other Spacing / Layout Tags| |Rule Tags| |Sound Tags|
|Style Sheets| |Table Tags I| |Table Tags II| |Text Tags| |Bibliography / Resources| |Index|


© David Merchant 1997-2001.
<