The <IMG> Tag

To include an inline image in your document, enter:

<IMG SRC="directory_path/filename">

Without you having to specify (i.e. by default) the bottom of an image is aligned with the bottom of the text body (i.e. the bottom of a lower-case letter such as "a", not the bottom of a lower-case "y".) There are three alignments:

ALIGN=TOP; ALIGN=MIDDLE; and ALIGN=BOTTOM

You must include ALIGN=TOP if you want the viewer to align adjacent text with the top of the image. The full inline image tag with top alignment is written:

<IMG ALIGN=top SRC="directory_path/filename">

Inline images can interfere with the display of text, as the text does not flow around an image, as it can do in page layout or some word processing programs. In a Web browser, the text will take the depth of an inline image as the line spacing for the line on which it occurs. This makes for ugly gaps in the display of text that contains images.

If you have a large inline image to display, insert a <P> tag before and after the image tag in your HTML file. This forces the image and then the following text, to start on a fresh line. It will look better. Try it both ways and see. But remember, this may not display the same on different Web browsers.

Back to Images, Sounds and Movies
Up to The Hypertext Markup Language (HTML)
Up to the Contents page