Contents:
Page
Font
Text
Image
Form
Table
Frame
Inline
|
Image Basic
| |
<img src=#> #=Image URL
<img alt=#>:
#= Alternate Text for text browser
or one doesn't load images.
<img src="images/hstamp1.gif" alt="Hippy Stamp">
|
Image aligned with Text
| |
<img align=#>:
#=top, middle, bottom,
absmiddle, absbottom, texttop, baseline
<img src=URL align=top>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=middle>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=bottom>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=texttop>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=absmiddle>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=absbottom>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
<img src=URL align=baseline>
Peace! <img src=images/hstamp2.gif>
|
Peace! |
|
Floating Image
| |
<img align=left>:
<img src=URL align=left>
Grass is greener!<br>
Flower Power!<br>
Peace!<br>
<img src=images/hstamp2.gif>
|
Grass is greener!
Flower Power!
Peace! |
<img align=right>:
<img src=URL align=right>
Grass is greener!<br>
Flower Power!<br>
Peace!<br>
<img src=images/hstamp2.gif>
|
Grass is greener!
Flower Power!
Peace! |
<br clear=#>:
#=left, right, all
<img src=URL align=left>
Grass is greener!
<br clear=all>
Flower Power!<br>
Peace!<br>
<img src=images/hstamp2.gif>
|
Grass is greener!
Flower Power!
Peace! |
<img vspace=# hspace=#>:
#=value
<img src=URL align=left>
vspace=10 hspace=20>
Grass is greener!<br>
Flower Power!<br>
Peace!<br>
<img src=images/hstamp2.gif>
|
Grass is greener!
Flower Power!
Peace! |
|
Border Line
| |
<img border=#>:
#=value
<a href="URL.html">
<img src=URL.gif border=15>
</a>
|
|
|
Client Side Image Map
| |
<img src=img.gif usemap="MAP-Name">
<map name="MAP-Name">
<area shape="#" coords="#" href="url">
</map>
#
shape="rect" coords="A,A',B,B'"
(A,A')=Upper Left, (B,B')=Lower Right
shape="circle" coords="A,A',R'"
(A,A')=Center, R=Radius
shape="poly" coords="A,A',B,B',C,C'..."
(A,A'>=First Corner, (B,B')=Second Corner, ...
<img src="hstamp3.gif"
usemap="#Hippy">
<map name="Hippy">
<area shape="rect"
href="samples/40image_m1.html"
coords="36,111,84,158">
<area shape="poly"
href="samples/40image_m1.html"
coords="40,6,59,16,77,6,82,16,
60,57,34,31,32,14">
<area shape="circle"
href="samples/40image_m1.html"
coords="30,80,25">
</map>
|
|
|
|
