All About Images


We can show picture with the img tag
<img src ="mona.jpg">
We can change the height
<img src ="mona.jpg" height = 50>
We can change the width
<img src ="mona.jpg" height = 150>
If we change both you can distort the image
<img src ="mona.jpg" height = 150 width = 50>
We can wrap text around an image.
Hspace keeps the text 25 pixels from the picture
<p>
<img src ="mona.jpg" hspace =25 align = left>
This text will go next to the picture.
The hspace will keep the text 25 pixels 
away from the picture.
<p>

This text will go next to the picture. The hspace will keep the text 25 pixels away from the picture.

If we want to put a picture or text below
a paragraph above we may have to use a <br clear=all>
<p>
<img src ="mona.jpg" hspace =25 align = left>
This text will go next to the picture.
The hspace will keep the text 25 pixels 
away from the picture.
<p>
This is without break clear

This text will go next to the picture. The hspace will keep the text 25 pixels away from the picture.

This is without break clear
If we want to put a picture or text below
a paragraph above we may have to use a <br clear=all>
<p>
<img src ="mona.jpg" hspace =25 align = left>
This text will go next to the picture.
The hspace will keep the text 25 pixels 
away from the picture.
<p>
<br clear = all>
This is with break clear

This text will go next to the picture. The hspace will keep the text 25 pixels away from the picture.


This is with break clear