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 |