HTML IMAGES

<img src="URL">

Like this:

<img src="captsm.gif">

produces this image →

this image is originally 100 pixels square.  The image has and has a white border

The image appears from the url to the flow of the HTML page.

All the pixels are visible.

The shape of the image depends on the ratio of the horizontal pixels
and vertical pixels in the original image.

You can specify either:

width in pixels ( e.g., <img src="captsm.gif" width="200"> )

or

height in pixels ( e.g., <img src="captsm.gif" height="200"> )

and the image will be scaled to produce the desired width or height.

If both attributes are used, they should be scaled to maintain the original aspect ratio.

<img src="captsm.gif" width="50">

produces this image →

this image is originally 100 pixels square.

<img src="captsm.gif" width="200">

produces this image →

this image is originally 100 pixels square.

<img src="captsm.gif" width="50" height="150" >

produces this image distorted image →

this image is originally 100 pixels square.

<img src="captsm.gif" width="150" height="50" >

produces this image distorted image →

this image is originally 100 pixels square.