Creating HTML Hyperlinks

By clicking on a hyperlink, the user jumps to another HTML page or further down the same HTML page. They are useful for organizing your page and improving usability of your site, assuming you can figure out a logical thought pattern that would make the reader likely to want to jump from one page to another. Links can be relative to your web hosting file structure, or they can be absolute.

Standard Linking

<A HREF=”www.google.com”>This is a link to Google!</A>

Linking to part of the same page

There are two pairs of tags to link from one part of a page to another.

<A HREF=#linkname>Click here to link to further down the page</A>
<A NAME=”linkname”>Further down the page</A>

Linking to other pages

Supplying document names for links are relative to the directory structure of your website. For example, if you want to create a link from
/folder/file1.html to
/folder/subfolder/file2.html
you would supply the following link tag: <A HREF=”subfolder/file2.html”>Link</A>
However, if you want to link from
/folder/subfolder/file2.html to
/folder/file1.html
you would supply the following tag: <A HREF=”../file1.html”>