MARCAS DE IMAGEN

Guía de Diseño en HTML de NCD - v4.0

+ Imagen Básica

<img src=#> #=URL de la Imagen

<img alt=#>
#= Texto alterno para navegador en texto o para aquellos que no cargan imágenes. 

<img src="f.gif" alt="MI CARA :-)">
 MI CARA :-)



+ Imagen alineada con texto

<img align=#>   

#=top, middle, bottom,
    absmiddle, absbottom, texttop, baseline

<img src=URL align=top> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=middle> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=bottom> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=texttop> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=absmiddle> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=absbottom> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
  
<img src=URL align=baseline> 
Mi Cara! <img src=heno01.gif>
 (^_^) Mi Cara!
 


+ Imagen Flotante

<img align=left> 

<img src=URL align=left>
Mi Cara!<br>
Siempre está<br>
sonriendo.<br>
Jajaja....<br>
 (^_^)Mi Cara!
Siempre está
sonriendo.
Jajaja....



<img align=right> 

<img src=URL align=right>
Mi Cara!<br>
Siempre está<br>
sonriendo.<br>
Jajaja....<br>
(^_^)Mi Cara!
Siempre está
sonriendo.
Jajaja....



<br clear=#>    #=left, right, all 

<img src=URL align=left>Mi Cara!<br>
Siempre está<br clear=all>
Sonriendo.<br>
Jajaja....<br>
 (^_^)Mi Cara!
Siempre está

sonriendo.
Jajaja....


<img vspace=# hspace=#> #=valor 

<img src=URL align=left 
vspace=10 hspace=20>Mi Cara!<br>
Siempre está<br>
sonriendo.<br>
Jajaja....<br>
 (^_^)Mi Cara!
Siempre está
sonriendo.
Jajaja....



+ Linea de Borde

<img border=#> #=valor 

<a href="URL.htm">
<img src=URL.gif border=15>
</a>
 (^_^)


+ Imagen como Mapa de Lado Cliente

<img src=img.gif usemap="Nombre-de-Mapa">

<map name="Nombre-de-Mapa">
<area shape="#" coords="#" href="url">
</map>

#    shape="rect" coords="A,A',B,B'"
          (A,A')=Superior Izquierda, (B,B')=Inferior Derecha
      shape="circle" coords="A,A',R'"
          (A,A')=Centrado, R=Radio
      shape="poly" coords="A,A',B,B',C,C'..."
          (A,A'>=Primera Esquina, (B,B')=Segunda Esquina, ... 



<img src="mapimg.gif"
             usemap="#Cara">

<map name="Cara">

<!AREA de Texto>
<area shape="rect"
 href="page.html" 
 coords="140,20,280,60">

<!AREA de Triángulo>
<area shape="poly"
 href="image.html"
 coords="100,100,180,80,200,140">

<!CARA>
<area shape="circle" 
 href="new.html" 
 coords="80,100,60">

</map>



Guía de Diseño en HTML | Style Sheet Guide
Página | Letra | Texto | Imagen | Formato | Tabla | Marco | Inserciones

BACK TO NCD HOME
Network Communication Design - http://www.ncdesign.org/
 Derechos y Publicación 1994-1997 Yuriko Ienaga yuri@ncdesign.org
Traducción y Adaptación al Español por Carlos Javier Naranjo cnaranjo@univalle.edu.co