Diego Luna

Cualquiera que sea el formato que elija, el proceso de integración de un elemento gráfico sigue siendo el mismo. Como ha podido adivinar, dependemos una vez más de una etiqueta HTML, <img>. Se le utiliza con un atributo, src, cuyo valor define el archivo que contiene la imagen que se desea integrar. Por ejemplo, la siguiente línea añade nuestra fotografía de una caja:

<img src="caja.jpg">

Este pequeño código visualizará una imagen en su página:




Como probablemente ha visto, la etiqueta <img> muestra algunas similitudes con aquella utilizada para definir vínculos. Y como para los vínculos, la dirección de la imagen que se ha de visualizar puede ser una dirección absoluta (de forma http://www.site.com/image.jpg) o una dirección relativa (de forma images/image.jpg).

La última información: Todas las etiquetas HTML pueden combinarse. Esto significa que puede crear un vínculo con base en una imagen. El código que resulta será el siguiente:

<a href="page.html"><img src"caja.jpg"></a>

La etiqueta <img> tiene muchos atributos que permiten personalizar la visualización de imágenes. Este es un breve resumen: Si desea saber más sobre este tema, consulte nuestro manual HTML.

Atributo	Descripción
src	Nombre del archivo de la imagen
width	Anchura de la imagen
height	Altura de la imagen
alt	Comentario
hspace	Margen horizontal de la imagen
vspace	Margen vertical de la imagen
align	Alineación del texto con respecto a la imagen

¡Ha llegado el momento de publicar su sitio en Internet!