|
To add an image
<img src="http://www.ukauctionhelp.co.uk/items/i12.jpg">
|
|
The URL for the image, i.e. http://www.ukauctionhelp.co.uk/items/i12.jpg
in the example above, needs to exactly match the directory and file
names on your web space, this includes them being
in the correct case (UPPER / lower).
To check the URL you can try it out by typing (or copy/pasting) it into the address box on your browser
and then pressing return, if the image does not show up you can then correct any mistakes and press
return again. Once the URL is correct it can be copied into your image tag.
A common problem which many people unknowingly fall into is referencing images which are stored on their
PC's in their HTML, the page will look ok to them, even when the page is loaded onto the web,
other people will just see broken images.
The images above are examples of this, they are from your windows directory.
To avoid this ensure your image links are pointing to the image on a web server, rather then on you PC.
To add a link
<a href="http://www.ukauctionhelp.co.uk">UK Auction Help</a>
|
UK Auction Help
|
If the URL is long/complicated you can surf to the page which you want to link to
and then copy/paste the URL from the address box.
To make the linked page open in a new browser window use the target="_blank" parameter
<a href="http://www.ukauctionhelp.co.uk" target="_blank">UK Auction Help</a>
|
UK Auction Help
|
An E-mail link
<a href="mailto:myname@myisp.co.uk">E-mail me</a>
|
E-mail me
|
An image can be used to create a link instead of a text link
<a href="http://www.ukauctionhelp.co.uk" >
<img src="http://www.ukauctionhelp.co.uk/images/ukah.gif">
</a>
|
|
When an image is used as a link it gains a thin border.
The border can be hidden by adding the parameter border=0 to the image tag
<a href="mailto:myname@myisp.co.uk">
<img src="images/email.gif">
<img src="images/email.gif" border=0>
</a>
|
|
| 
Your Comments / Thoughts / Additions / Corrections etc 
