BASIC HTML
::
TABLES
::
FONTS
::
FONT SIZES
COLORS
::
GRAPHICS
::
LINKING
::
MUSIC
FORMS
::
LISTS
::
FRAMES
REMOTE LOADING
::
TIPS & TRICKS
LINKING
There a several ways to link to different
pages.
To link to another page in your own directory:
<a href="filename.html"> Name of your file
If I wanted you to go to my Tutorial page I would put
in this code:
<a href="tutorials.html" > Links </a>
Tutotials
You can also use an image as a click able Link.
Use the image tag and the link tag like this:
<a href="link.html"> <img src="clickpeel2.gif"> </a>
It will appear like this:

If you don't want the border to show around the image,
use the border tag like this:
<a href="link.html"> <img src="clickpeel2.gif" border=0> </a>
And it will appear like this:
To link to another page on another server,
it is the same thing only you need to add in
the FULL URL to make it work.
<a href="http://www.disney.com/"> VISIT DISNEY </a >
And it will appear like this:
VISIT DISNEY
Your Email is also a link, and it can be put
in like this:
<a href="mailto:your email address"> Text or Image here </a>
Target Links are when you want to insert a link
to jump to a specific place on the page or another page.
There are two steps to this. First is to insert a
target. You need to name the target and put it in the
exact place you want the link to go to.
<a name="targetname"></a>
Then you need to insert the link. This is what you will
click on to go to the place you specified.
<a href="#targetname"> Text here </a>
By clicking on this link it will take you to the
top of the page where my links start.
Top
You can put the target to a different page to:
<a href="basichtml.html#html"> HTML Help </a>
HTML Help
THUMBNAILS are when you have a smaller picture
but you want your viewers to see a larger picture.
Insert the code like this:
<a href="picturename.jpg">
<img src="picturename.jpg" width=100 height=100></a>
Click on the picture below and you will
see a larger version.
All help files are printable so feel free to print them.
Back to Top