Tutorial:XHTML

Bordes y alineación de imágenes

A continuación se va a dar una pincelada sobre bordes y tipo de alineación de imágenes. Sin embargo, es necesario aclarar que con la aparición de las hojas de estilo (CSS) estos atributos han quedado desfasados.

Bordes

A las imágenes también se les puede agregar un borde mediante el atributo "BORDER" y especificando el grosor en píxeles.

Por defecto el valor para este atributo es 0, por lo que si no se dice lo contrario no se mostrará ningún tipo de borde.

Ejemplo 1: <img src="ruta-de-la-imagen" border="3px" />

El resultado para el ejemplo anterior sería el siguiente:

Alineación de imágenes

Para alinear las imágenes se empleará el atributo ALIGN (como en el caso de los párrafos).

<img src="ruta-de-la-imagen" align="center" />

El resultado será el siguiente:

Otros atributos

Existen otros atributos para la presentación y posición de imágenes respecto a los demás elementos de la página (textos, tablas, listas...):

vspace y hspace, por ejemplo, se utilizan para indicar el espacio libre (en píxeles) que ha de colocarse entre la imagen y los demás objetos.

Sin embargo, es necesario recordar que estos atributos que hacen referencia a aspectos de presentación han quedado en desuso.