http://www.teleport.com/learn/webweave/graphics.shtml (PC Press Internet CD, 03/1996)

Adding Images to Web Pages

Adding Images

Adding images to web pages...

The HTML <img> Tag

The web is full of what are called "inline images" - that is, images which are rendered by a typical web browser as part of a web page. These images are actually separate files, usually .gif or .jpeg format.
Image files are included in a page by the use of the HTML "img" tag, which uses the attribute "SRC" to indicate the source of the image. Here is the HTML of a simple web page with an inline image, where the file "rover.gif" is in the same directory as the HTML file:
The "img" tag
<html>
  <head>
    <title>
    an example of the img tag
    </title>
  </head>
  <body>
    Here is a picture of my dog: 
    <img src="[unarchived-media]">
  </body>
</html>

Graphical image formats: .gif & .jpeg

The two standard graphical formats which can be displayed inline by Netscape and Mosaic and other modern browsers are ".gif" (pronounced jif) and ".jpeg" (jay-peg).
If you wish to include images on your web pages then you need to generate these images somehow - you may create them in an art program (e.g. Adobe Photoshop), scan them in, find them on the web or use clip-art collections. The Teleport Graphics Bank is a growing collection of images for Teleport users. Whatever you do, observe copyright laws!

Floating images...

Netscape has added extensions to HTML to allow text to flow around images, as in this example. If you are not using Netscape to view this then you may not see the text float around the image. One can allow an image to 'float' to the left side of the screen as in this case by using the attribute "align=left" in the <img> tag. You can read more about the Netscape extensions at their web site.