Image

Computer hieroglyphic Basic Rules of Image
  • <IMG SRC="image_URL">
  • <IMG SRC="image_URL" BORDER=n ALIGN=anchor HEIGHT=n WIDTH=n ALT="image-name">
    -Text based browsers can display "image-name" given in <ALT> tag. Also shows while loading, and as tool-tip in MSIE. Always include.
    -HEIGHT and WIDTH specify the actual size of the stored image in pixels. Always include these options to speed page setup
    -IMG SRC is the only required tag, but for best results use also HEIGHT, WIDTH and ALT
  • Most Web browsers can display GIF or JPEG (.jpg) format as in-line images.
  • Use a graphic imaging software (e.g., LView, PaintShop, Picture Publisher, PhotoShop, etc.) to reduce gif's to minimum colors.
    Fewer colors . . . smaller, better. GIF has maximum 256 colors, but supports transparency.
    JPEG or JPG has 16.7 million, and compresses well while losing resolution (you control this with compression factor). No transparency!
    Squeeze the size and use smallest acceptable result. Your pages will go much F-A-S-T-E-R.
Computer hieroglyphic Image ALIGN ed with Text
<IMG ALIGN=top|texttop|middle|absmiddle|baseline|bottom|absbottom>
  • ALIGN=top aligns itself with the top of the tallest item in the line.
  • ALIGN=texttop aligns itself with the top of the tallest text in the line (this is usually but not always the same as ALIGN=top).
  • ALIGN=middle aligns the baseline of the current line with the middle of the image.
  • ALIGN=absmiddle aligns the middle of the current line with the middle of the image.
  • ALIGN=baseline aligns the bottom of the image with the baseline of the current line.
  • ALIGN=bottom is identical to ALIGN=baseline but baseline is a better name.
  • ALIGN=absbottom aligns the bottom of the image with the bottom of the current line.
[computersmiths]computersmiths Logo <IMG SRC=URL ALIGN=top> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=texttop> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=middle> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=absmiddle> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=baseline> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=bottom> computersmiths Logo
[computersmiths] computersmiths Logo <IMG SRC=URL ALIGN=absbottom> computersmiths Logo
Computer hieroglyphic Floating Image
<IMG ALIGN=left>
[computersmiths]computersmiths says
"create, stimulate
and
recreate..."
 <IMG SRC=URL ALIGN=left>computersmiths says<BR>
"create, stimulate<BR>
and<BR>
recreate..."<BR>
<IMG ALIGN=right>
[computersmiths]computersmiths says
"create, stimulate
and
recreate..."
 <IMG SRC=URL ALIGN=right>computersmiths says<BR>
"create, stimulate<BR>
and<BR>
recreate..."<BR>
<BR CLEAR=left|right|all>

CLEAR attribute forces the line break to clear possible floating graphic images.

[computersmiths]computersmiths says
"create, stimulate
and
recreate..."		 <IMG SRC=URL ALIGN=left>computersmiths says<BR>
"create, stimulate
<BR CLEAR=all>
and<BR>
recreate..."<BR>
<IMG VSPACE=n HSPACE=n>
[computersmiths] computersmiths says
"create, stimulate
and
recreate..."

 <IMG SRC=URL ALIGN=left VSPACE=10 HSPACE=20> computersmiths says<BR>
"create, stimulate<BR>
and<BR>
recreate..."<BR>
Computer hieroglyphic Image Border Line
<IMG BORDER=n>
[computersmiths] <IMG SRC=URL BORDER=15>

Left image DOES NOT have a hotlink, a border may still appear on some browsers.

[computersmiths] <A HREF="URL">
<IMG SRC=URL BORDER=15>
</A>

Examine the border color carefully. Left image HAS a hotlink (with a fat border)
[computersmiths] <A HREF="URL">
<IMG SRC=URL BORDER=3>
</A>

Left image HAS a hotlink
[computersmiths] <A HREF="URL">
<IMG SRC=URL BORDER=0>
</A>

Well, you can't tell...
Computer hieroglyphic 256 Web Hex Color Value
Here is a quick reference source for hex color values. Run the cursor over the color you think you would like to use, then look at the status line of your browser for the hex code.

Send e-mail to caliber@computersmiths.com

www.computersmiths.com
Return to   Top of this page | HTML Rosetta Page | caliber