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:
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 |