| Text format | Colors | Ordered Lists | Unordered Lists | Defintion lists | Internal links | Graphics | Tables |
![]() |
![]() |
HTML uses only .gif and .jpg formats images. They both compress files which is important in reducing download time.

It is important to design web pages wiht your most speed challenged user.

One gppd technique is to use Thumbnails images rather than the full image. this allows the in proportion. e.g., a 640 x 480 pixel could be reduced to a thumbnail of 266 x 200, or 133 x 100.

This then becomes a link to the original 640 x pixel picture.
This aligns the image with text. The image can be inserted alongside text in a number of ways.
Top
2002 AISHK
Fete
Middle
2003 AISHK
Fete
Bottom
2003 AISHK Fete

After
inserting your image you can select "Left" align. This will warp text
around the left image.
After
inserting your image you can select "Right" align.
This will warp text around the right of the image.
But the image aligns itself on the right of the page.

If
you insert two pictures and align the left "Left" and the other "Right"
you can write text in the middle. It is particulary effective if you can center
the text.
You can increase the amount of space around an image by using V space and H space properties of the image.
Add Horizontal space around an image
After
inserting your image you can select "Left" align. This will warp text
around the left of the image. Set your H space to 60 pixels and you can
see the effect on the image.After inserting your image you can select "Left"
align. This will warp text around the left of the image. Set your H space
to 60 pixels and you can see the effect on the image.After inserting your image
you can select "Left" align. This will warp text around the left of
the image. Set your H space to 60 pixels and you can see the effect on
the image.After inserting your image you can select "Left" align.
This will warp text around the left of the image. Set your H space to
60 pixels and you can see the effect on the image.
Add Vertical Space around an image
After
inserting your image you can select "Left" align. This will warp text
around the left of the image. Set your V space to 60 pixels and you can
see the effect on the image.After inserting your image you can select "Left"
align. This will warp text around the left of the image. Set your V space
to 60 pixels and you can see the effect on the image.After inserting your image
you can select "Left" align. This will warp text around the left of
the image. Set your V space to 60 pixels and you can see the effect on
the image.After inserting your image you can select "Left" align.
This will warp text around the left of the image. Set your V space to
60 pixels and you can see the effect on the image.After inserting your image
you can select "Left" align. This will warp text around the left of
the image. Set your V space to 60 pixels and you can see the effect on
the image.After inserting your image you can select "Left" align.
This will warp text around the left of the image. Set your V space to
60 pixels and you can see the effect on the image.After inserting your image
you can select "Left" align. This will warp text around the left of
the image. Set your V space to 60 pixels and you can see the effect on
the image.
![]()
![]()
![]()
![]()
