Image
Computer hieroglyphic ImageMaps to control linking
  • <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.
    -HEIGHT and WIDTH specify the actual size of the stored image in pixels.
    -IMG SRC is only required tag, but for best results use also HEIGHT, WIDTH and ALT

  • Most Web browsers can display GIF or X Bitmap (XBM) format as in-line images.
  • Netscape and Internet Explorer support JPEG format for in-line image.
  • Use graphic imaging software (i.e., LView, 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 clarity (you control). 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>

Examine the border color carefully. Left image DOES NOT have a hotlink

[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...

Send e-mail to caliber@computersmiths.com
www.computersmiths.com
Return to   Top of this page | HTML Rosetta Page | caliber