Los siguientes atributos son WIDTH (ancho) y HEIGHT (alto), y están indicados en pixeles (puntos de la pantalla). Entonces, esta imagen de la flor tiene 199 puntos de ancho y 128 de alto.

En la etiqueta IMG todos los atributos (excepto SRC) son opcionales; no obstante, es muy importante indicar el ancho y el alto exactos de la imagen pues así el browser puede reservar el espacio correspondiente para la misma mientras se dedica a bajar el texto de la página. De este modo, el visitante podrá comenzar a leer la información mientras la imagen aparece.

El atributo ALT, por su parte, es el título de la imagen tal y como aparece mientras ésta es transferida. Asimismo, en muchos browsers el contenido de ALT aparecerá dentro de un recuadro cuando el ratón (mouse) pasa por encima de la imagen.

Entonces, sigamos probando con otros atributos. El siguiente que se puede agregar (a mano) es ALIGN y controla la posición del texto con respecto a la figura. Veámoslo en acción.

Cuando no colocamos ALIGN, el texto se alinea con la parte inferior de la figura.

En sucesivas versiones del lenguaje HTML, surgieron otros valores para ALIGN, como son: MIDDLE, ABSMIDDLE, BOTTOM, ABSBOTTOM, TOP, TEXTTOP y BASELINE. Experimenta con cada uno de ellos (notarás que algunos son iguales a otros) y observa las diferencias, que pueden ser bastante sutiles.

Sin embargo, es una lástima que los valores no pueden mezclarse entre sí (LEFT y MIDDLE, por ejemplo). El control preciso de la posición de la imagen es algo que no se puede hacer de esta manera (aunque hay otros caminos, que veremos más adelante).

En todo caso, una imagen puede ser centrada tal y como lo hacemos con el texto. Para ello, marca toda la etiqueta SRC y pulsa el botón de centrado. El resultado será el siguiente:

<DIV align= "center" >
<IMG SRC= "flor.jpg" WIDTH= "199" HEIGHT= "128" ALT= "" >
</DIV>

Ahora experimenta cambiando en DIV el "center" por "left" o "right" y mira qué pasa. Mézclalo además con ALIGN dentro de IMG y saca tus propias conclusiones...

Atrás	Inicio	Próxima