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:

AtributoDescripción
srcNombre del archivo de la imagen
widthAnchura de la imagen
heightAltura de la imagen
altComentario
hspaceMargen horizontal de la imagen
vspaceMargen vertical de la imagen
alignAlineación del texto con respecto a la imagen