Different Kinds of Hyperlinks

There are three kinds of links you’ll be using in your designs:

  • Internal, which are links to anchors on the current page;
  • Relative, which are links to other pages within your site; and
  • Absolute, which are links to other pages elsewhere on the Internet.

Here are examples of each.

INTERNAL

<br />&lt;a href="#top" title="top of page"&gt;Go to the top of this page&lt;/a&gt;<br />

RELATIVE

<br />&lt;a href="about.html" title="About me"&gt;Read all about me.&lt;/a&gt;<br />

These links go to other pages in your site. We touched on this in one of the lessons. These are quite easy to do, and just as easy to foul up, depending on your file structure. Basically, you just use the filename of the page (or the Word document, or the PowerPoint file, or whatever) in your link.

ABSOLUTE

<br />&lt;a href="http://www.google.com/" title="Google"&gt;Search on Google&lt;/a&gt;<br />

These are perhaps the easiest links to handle. Basically, you’re linking to someone else’s site. It’s their job to keep their file structure organized and their URLs up to date. You just copy the URL, add the link, and your site visitors are whooshed away to a new site.


Related Studio Post(s):
What is the World Wide Web?



© 2011. All Rights Reserved

TopTop