Inserting Graphics

You make your life much easier if
You have a folder named Graphics in the same folder as your page or
You keep all your graphics in the same folder as your page.

I also suggest that you give your graphic files descriptive names.
In one year you will not know what "gif3.gif" is, but "MapUS.gif" or
"BlueButton.gif" is self-explanatory.

In my cs101folder I have one folder for all my HTML programs, and another for GraphicElements.
For my html page to get to the GraphicElements folder I use a relative address

Go up 1 level, go down to Graphic Elements, go to the file.

Picasso GirlHere's a famous face!

Picasso GirlLet's make her bigger!

Picasso GirlHere's a famous face! But I have lots and lots more to say about this picture.

Picasso Girl Here's a famous face! This time I'd like to line up the text, with the image on the right, and the text wrapping.



Picasso Girl Here's a famous face!
This time I'd like to line up the text, with the image on the left, the text wrapping, and a big space between.



I can put an image smiley face in the middle of my text.
Resize this window several times and see what happens!