How do I create a hyperlink?
Ever wondered how to make a link that when you click on it takes you to another web page? Well then you've come to the right place my friend. Here you can also learn how to make an image link to another web page.
Here is the Code for a Hyperlink
Code: <a href="http://URLofSITEhere">Click Here!</a>

Lets test it out! Here is an example of a hyperlink that links to google:

Code: <a href="http://www.google.com">Click Here!</a>

Result: Click Here!
Here is the code for turning an image into a hyperlink
Code: <a href="http://URLofSITEhere"><img src="http://URLofIMAGEhere"></a>

Lets test it out! Here is an example of a cute ducky image that links to neopets:

Code: <a href="http://www.neopets.com"><img src="http://nqdesigns.soundless-words.net/image/gifcute377bw.gif"></a>

Result:


*To get rid of that ugly border, you would need to add this tag (border="0") in the image code, therefore the code would now look like this:

Code: <a href="http://URLofSITEhere"><img src="http://nqdesigns.soundless-words.net/image/gifcute377bw.gif"border="0"></a>

Result:



Tutorial by: Nika
Last Modified: 07/31/08.




October 18 2008: Added 6 New Transparent PNGs!

October 4 2008: Added One New Div Layout and 2 New Transparent PNGs!
6 New Transparent PNGs

New Div Layout

4 New CSS Templates

Valid HTML 4.01 Strict Valid CSS


eXTReMe Tracker

Users Online
AFFILIATES