Разное  /  HTML 4.0 Design Guide  /  Image Tags

О нас    Новости    Услуги    Портфолио    FAQ    Разное    Дом


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">
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>
Stamp Out ShoesPeace!Peace!
<img src=URL align=middle>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!Peace!
<img src=URL align=bottom>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!Peace!
<img src=URL align=texttop>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!Peace!
<img src=URL align=absmiddle>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!Peace!
<img src=URL align=absbottom>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!Peace!
<img src=URL align=baseline>
Peace! <img src=images/hstamp2.gif>
Stamp Out ShoesPeace!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>
Stamp Out ShoesGrass 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>
Stamp Out ShoesGrass 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>
Stamp Out ShoesGrass 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>
Stamp Out ShoesGrass is greener!
Flower Power!
Peace!

Border Line


 
<img border=#>:
    #=value
<a href="URL.html">
<img src=URL.gif border=15>
</a>
Stamp Out Shoes

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>
Map Image



О нас    Новости    Услуги    Портфолио    FAQ    Разное    Дом

Разное  /  HTML 4.0 Design Guide  /  Image Tags