Return to Home Page 

Web Page Development

Link, target, relative and absolute addresses

Syllabus

Site Design

HTML

Composer

Graphics

Tables

Audio/Video

Other resources

Software

Acc. Setting

Contact Me

This is the tag for an Anchor

<A>     </A>
The anchor tag indicates the location of a "hyper link" within an HTML document.  It can be used as the initial portion of a internal link (target) or the complete link control of an external hyper link.

<A HREF="                                    ">Hyper Link Text showing in the page </A>
                reference to another document

The HREF attributes

   HREF= "        http://, ftp://, file://, mailto:, gopher://, telnet, news:,        "


These are examples of External hyper links because they link to another page.  In this case, they link to an other site somewhere on the web Note the absolute address

To another site
<A HREF="http://tucows.shaw.wave.ca/">Hyper Link Text</A>
                   reference to an external hyper link

To an FTP site
<A HREF="ftp://ftp.cs.ubc.ca/mirror2/gnu">Hyper Link Text </A>
                         reference to an FTP site

To send an email to a specific address (this type of hyperlink requires that the web browsing software has the mail server information properly installed to function)
<A HREF="mailto:blepine@direct.ca">Hyper Link Text</A>
                     email address of someone


These are examples again of External hyper links because they link to another page.  However in this case, they link to an other page within the same site.  They don't go to the outside world.  Note the relative address

To another page within the same site
<A HREF="name_of_file.html">Hyper Link Text</A>
          reference to a page in the same site

To another page within the same site but in a specific folder
<A HREF="folder_name/name_of_file.html">Hyper Link Text</A>
          reference to a page in the same site but in another folder


These are examples of Internal hyper links because they link to the same page.  In this case, they link to a 'target' somewhere in the same page.

This example is called Table of Contents, however, it could be named anything else as long as you are consistent.

To create links between various sections of a single page, you need two components.
 

Initial portion of a internal link.  When you click on the hyper link text, it will activate the link.

 
<A HREF="#table_of_ contents">Go to the Table of Contents</A>
                                                     Hyper Link Text

The second component is the destination of the hyper link.  It is called the target.   It is the section where the web browser will go when you have click on the Hyper Link Text.


<A NAME="table_of_contents">Table of Contents</A>
                                                     The destination in the page

Created by BB Webmedia