Image Link & Text Box HTML Code

Ever wondered how its done. Making image links is quite simple with the right HTML code.

Most codes you find do not allow you to ad just the size of the image. This one can. Simply tweak the parameters until they suit you i.e height and width.

It even works on browsers that block images. When a browser blocks an image the taxt after

alt=" Text Here" will appear

The following code provides the image link below

<a href="http://diddy47,blogspot" target="_blank"> <img src="http://jollyblogger.typepad.com/jollyblogger/images/jolly_good_blogger.jpg</code><code>" width="160" height="150" alt="Experience Muse" /></a>

full image URL

http://jollyblogger.typepad.com/jollyblogger/images/
jolly_good_blogger.jpg


Text in red is your the intended site. Text in green is the URL of the image you want to use as the link. Blue text is what appear if the browser blocks image so that the person can still see your link.

This
Produces this






Try it out

Happy blogging

Text Box

The text box used above can easily be generated using the code below

<form><textarea onclick="this.focus();this.select()" rows="4" cols="40" style="overflow: hidden;">TEXT HERE</textarea></form>