HTML Picture Codes

Example Picture Code

<img src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" /><br />

This code results in:

More Picture Codes

Here are links to more picture codes. You can do things like hyperlink images or add a border around your picture. You can even create a rollover effect whenever you hover over the image.

• Image Links - Opens a web page whenever the user clicks on your picture.
• Image Maps - These are "clickable" hotspots on your image. One picture can link to many different web pages.
• Picture Borders - Adds a border around your picture.
• Image Rollovers - Creates that "Hover over" effect. Easier than you might think!

Picture Code Template

You can use the following template as a basis for your HTML picture codes. Simply fill in the blanks or remove uneeded attributes.
For an explanation of all the attributes, see the HTML img tag specifications.




<img src=""

 width=""

 height=""

 border=""

 alt=""

 class=""

 id=""

 title=""

 style=""

 dir=""

 lang=""

 ismap=""

 usemap=""

 align=""

 hspace=""

 vspace=""

 onclick=""

 ondbclick=""

 onmousedown=""

 onmouseup=""

 onmouseover=""

 onmousemove=""

 onmouseout=""

 onkeypress=""

 onkeydown=""

 onkeyup="" />