Adding Images
Images are an essential part of design on the WWW. Images can be added to HTML documents with <img src="Image_URL">. Images are treated like text, they can be on the same line or separated with text formatting characters.
If the image file is a GIF file, then the filename part of Image_URL must end with .gif. Filenames of X Bitmap images must end with .xbm.
Extra commands can be added to the <img src="Image_URL"> tag. One of the extra commands is the ALIGN= statement. This will allow you to align text with the image. The default setting is even with the bottom of the image. If you want the text aligned with the top or in the middle of the image you can add the ALIGN option as it is shown here:
<html>
<head>
</head>
<body>
<h1>Photo</h1>
<p><img src=photo.sm.gif> Dfault alignment.</p>
<p><img align=middle src=photo.sm.gif> Aligned middle.</p>
<p><img align=top src=photo.sm.gif> Aligned to the top.</p>
<p><img align=left src=photo.sm.gif> Aligned to the left.</p>
<p><img align=right src=photo.sm.gif> Aligned to the right.</p>
</body>
</html>
Images may also be aligned to the center of the page with the <P align=center> command.
HEIGHTand WIDTH attributes let your browser set aside the appropriate space (in pixels) for the images as it downloads the rest of the file.
Using the Image Alt Tag
<ALT> tags should also be added to the [img] tag. This allows text to be displayed in place of the image if the user has images turned off or is running a browser that doesn't support images.
Here is what an image looks like in the HTML of your page. Note the 'alt' tag. You want to place your keywords between the quote marks.
<img border='0'
src='/images/arrow.gif'
alt='keywords here'
width='64'
height='64'>
Note: The above example has been spaced on 5 lines in order to fit the paramiters of this page. Your image tag will likely be on one line. I does not matter, one line or 5, it works the same.
Another GREAT reason for using the - tag is to improve your web site promotion efforts. You see images cannot be read by search engines. But the Alt tage provides a way of passing hilighted text to the search engine.
Next HTML Links
