Your first web page, a simple HTML tutorial. Basics, page construction. Saving and viewing.

Linking

Basics | Formatting | Tables | Images | Linking | Resources | About | Examples | Exit Tutorial
Go to previous page

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 and linking. Local and full URL links. Page links. Email links.

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
   
Basics | Formatting | Tables | Images | Linking | Resources | About | Examples | Exit Tutorial
build a web site, html tutorial, free html tutorial, html table tutorial, web page tutorial, html code tutorial, basic html tutorial, online html tutorial, tutorial on creating a web page, free online html tutorial, beginner free html tutorial, HTML tutorial, simple html tutorial, first web page, free web templates, web templates