La integración de imágenes en sitios Web

Cualquiera que sea el formato que elija, el proceso de integración de un elemento gráfico sigue siendo el mismo. 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 un avión:

<img src=»avion.jpg»>

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

Ejemplo de inserción de una imagen con codigo html

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 formahttp://www.sitio.com/image.jpg) o una dirección relativa (de formaimages/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=»pagina.html»><img src»avion.jpg»></a>

La etiqueta <img> tiene muchos atributos que permiten personalizar la visualización de imágenes. Este es un breve resumen:

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