APRENDER A USAR HTML (parte III)
3. Otros atributos

Los atributos HEIGHT (altura) y WIDTH (ancho), permiten cambiar el tamaño de una imagen. Un ejemplo sin estos atributos:

<IMG SRC="dog.gif">

El usuario verá:


Pero falseando el tamaño se puede producir un efecto escala:
<IMG SRC="dog.gif" ALIGN=LEFT WIDTH=75 HEIGTH=40>





Bordes
El atributo utilizado para establecer un borde en una imagen es BORDER=#, dónde # es un número de 0 a 99.

Ejemplo de una imagen sin especificar borde:

<img scr="ojo.gif">


Ejemplo de imágenes con el atributo BORDER:
<border=5 img scr="ojo.gif">


O sino:
<border=15 img scr="ojo.gif">

Cada vez que utilizas una imagen para establecer un hipervínculo, de manera automática el browser agrega un borde a la imagen. Si quieres eliminarlo, deberás indicarlo con el atributo BORDER=0.

Alineando la imagen

El atributo utilizado para alinear una imagen es ALIGN, y que en vez de aplicarlo dentro de la etiqueta de párrafo <P>, lo utilizas dentro de la imagen.

Si quiere insertar una imagen a la izquierda de la pantalla:
<img align=left src="piano.gif">



Si prefieres insertarla a la derecha:
<img align=right src="mono.gif">


Como todavía hay browsers que no soportan la etiqueta <img align=center>, para centrar una imagen hay que recurrir a un pequeño truco: primero centramos un párrafo (tengamos o no texto) y luego insertar la imagen.

Para centrar una imagen, entonces:

<P ALIGN=CENTER img src="piano.gif" /P>

• 4. Imagen como fondo

Guía de lectura
• Introducción
• 1. GIF vs. JPG
• 2. Insertando una imagen

TEMAS RELACIONADOS
Manual de JavaScript para "bajar" a tu computadora
Tutorial de Flash 5
Editores de páginas web fáciles y gratuitos
Todo para tu sitio