Inkjet cartridges, laser toner cartridges, ink refills
Links and linking. Local and full URL links. Page links. Email links.

 

Home ! Computer Basics ! Web Things ! HTML Tutorial
inkjet cartridges, laser cartridges, refills
Go to previous page

Linking

Go to next page

  Basics   Formatting   Tables   Images   Linking   Resources   About
  In the beginning...   Making your text look good   Positioning your text on the page   Adding images   to other pages and web sites   eBooks.
Free templates
  Info.
What next?
 

Links which you can click on to go to another page, can be text or graphics.

There are two types of link, a simple local link, between pages on a web site, or a full URL.
Links use the 'a' tag,

Local Links

TEXT <a href="page2.htm">Page 2</a>
Page 2
GRAPHIC <a href="page2.htm"><img src="images/webthing02.gif" width="73" height="42" border="0"></a>

Notes:
Images used as links will have a border around unless you add the border="0" bit to the image tag.

Full URL

TEXT <a href="http://www.web-things.co.uk/page2.htm">Page 2</a>
GRAPHIC <a href="http://www.web-things.co.uk/page2.htm"><img src="images/webthing02.gif" width="73" height="42" border="0"></a>

Notes:
If a full URL is used instead of a local link, and a page is copied to another computer, clicking on the link will take you to that web page if the computer's connection to the Internet is live.

Page Links
To go to a specific place on a page anchor tags are used.
These should be placed at the location,on the page, you wish to navigate to..
Do not place anchor tags within tables or layers, i.e:

<BODY>
<a name="pagestart"></a>
<table>........................................................................</table>

<a name="somethingelse"></a>
<table>........................................................................</table>
</BODY>


To use these, add '#' and the name to your a tag href, i.e:

<a href="#pagestart">Top of Page</a>
or

<a href="#somethingelse">Something Else</a>
or
<a href="index.asp#somethingelse">Something Else</a>
or
<a href="http://www.somewebsite.com/index.asp#somethingelse">Something Else</a>

Email Links
Re the use of 'mailto:'
NOTE: This practice is now discontinued due to spam.
Spam spiders collect email addresses, from web sites. They look for 'mailto' tags.
Use an Encoder such as available at: http://www.hiveware.com/

DO NOT USE: <a href="mailto:someone@somewhere.co.uk">Someone</a>


Anyway, have fun with the above until you are confident.
There are plenty of resources, on the Internet, for learning more.

Good Luck

Wiley

Go to previous page top of page Go to next page
Building Web Pages
Your first web page: Basics | Formatting | Tables | Images | Linking | Resources | About | Exit Tutorial 
Copyright©2008 M.C. Dubin Site Map