HTML Stuff

HTML Stuff

Image Manipulations

Important things about images:

The SRC="image.ext" option tells where to get the image.

We can put a border around the image using BORDER="##"

We can add space around an image using HSPACE or VSPACE. This keeps text from butting up against our images...

We can wrap text around the right or left of an image using the ALIGN="RIGHT" or ALIGN="LEFT" Options.

If we want to stop the text wrap and continue with text at the bottom of the image, we need to use the <BR CLEAR="RIGHT"> tag. (Or LEFT or ALL depending on where we are wrapping.) See example.
Aligning images and text on one line is done through the ALIGN option also with parameters like TOPTEXT, TOP, MIDDLE, ABSMIDDLE, BOTTOM or ABSBOTTOM. See example.
An image can be resized using HEIGHT="##" and WIDTH="##" See example.

Aligning Text

This is how it looks if you don't use the BR CLEAR ="ALL" option

We can align the image to the right of the text like so (garbage added to show how it works) (garbage added to show how it works)
WVU LOGO

or we can align the image to the left of the text like so (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works)

Pretty crappy huh? Here it is with the CLEAR="ALL" option

We can align the image to the right of the text like so (garbage added to show how it works) (garbage added to show how it works)
WVU LOGO

or we can align the image to the left of the text like so (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works) (garbage added to show how it works)

Aligning Vertically with Text - The WVU logo is aligned

-VS- WVU LOGO TOPTEXT aligns with the top of the highest text element.

-VS- WVU LOGO TOP aligns with the top of the highest element (in this case, the image)

-VS- WVU LOGO MIDDLE aligns with the middle of the baseline.

-VS- WVU LOGO ABSMIDDLE aligns with the middle of the largest object.

-VS- WVU LOGO BOTTOM aligns with the bottom of the text.

-VS- WVU LOGO ABSBOTTOM aligns with the bottom of the largest object.

Changing Size

Normal Size ECU LOGO

Note that it would be pretty silly to download a large object and then shrink its size. You should do this before creating the object in the first place. Also, most images don't hold together too well when they are enlarged.
Return to top