Here we go with a graphics test page save as graphicstest.htm and the Pictures as picname.jpg as shown.
We will add tags to show your pictures to go with text we have covered, from
a single picture or graphic to
linking a thumbnail to a lager picture. We will also add an alt tag for info
about the picture that shows when the mouse passes over a picture. Images
are either jpg or gif images.Here we go on how to show your graphics.
Here is a nice picture
of a Badger Cub,
as you can see using "align= left"
allows text to be written here,
a "hspace= attribute" keeps text
away from the picture's side.
View the code in notepad.
You can see the text has wrapped
around the picture quite well,
not perfect I know but what do you want from a fellow learner.
As you can see we have moved
the picture to the right of the page.
With the text to the left this time.
We used the align = "right"
This time we have the picture in the center of the page we have used the "center tag" to do it, your text goes below picture this time.
Now we will link a thumbnail
to a larger picture, this is the best way
to show a large picture, visiters do not like to wait for a large picture
to load, this gives them the choice to view the large picture or not.
Click on the thumbnail, this will load larger picture.
Click on the browser back arrow in browser tool bar to return here.
I think thats enough to keep
you busy for some time to study it,
then try adding and combineing the info here, with the text in the testtemplate.