
Basic code:
<img src="image.gif">
Note that you can use the same addressing formats that you can use in hyperlinks -- eg. full addressing: http://www.arts.ilstu.edu/~guither/webtricks/image.gif or relative addressing, etc.
It is very useful to specify the actual width and height of the image (in pixels) in your tag. If you don't, the browser has to actually load the image before showing anything else below it on the page (in order to know how much room to leave). When you specify the size, the browser leaves the space for it and continues to show text, etc. while loading the image, giving your viewer more to look at while waiting.
There are a number of programs which will show you the size of your image.
The code format for image.gif with size info is:<img src="image.gif" width="54" height="36">
You can also use size to force an image into a different shape or size (with some distortion, of course). For example, here is the same image with a width of 94 instead of 54 specified in the tag.
![]()
| <img src="image.gif" align=top> | This text is written immediately before the image tag. |
| <img src="image.gif" align=middle> | This text is written immediately before the image tag. |
| <img src="image.gif" align=bottom> | This text is written immediately before the image tag. |
| <img src="image.gif" align=left> | This text is written immediately before the image tag. |
| <img src="image.gif" align=right> | This text is written immediately before the image tag. |
| <img src="image.gif" align=absmiddle> | This text is written immediately before the image tag. |
| <img src="image.gif" align=texttop> | This text is written immediately before the image tag. |
| <img src="image.gif" align=baseline> | This text is written immediately before the image tag. |
| <img src="image.gif" align=absbottom> | This text is written immediately before the image tag. |
| In order to clear text from continuing to wrap by a picture, use <br clear=left> (or whatever alignment was set) | |
| <img src="image.gif" align=left> Image text with a standard line break<br>Next line of text. | Next line of text. |
| <img src="image.gif" align=left> Image text with a "clear" line break<br clear=left>Next line of text. | Next line of text. |
| WebTricks Main Page | |