Se dijo anteriormente que a una imagen insertada en una página Web se le puede aplicar un marco o borde. Además, si utiliza el modificador ALT, podrá especificar un mensaje o pista, cuando señale con el Mouse a la imagen. Para hacer esto, debe incluir dentro de la instrucción para insertar una imagen, la siguiente sintaxis:

<img src="imagen.jpg" Border=valor Alt="Estudio=Progreso">

Un valor mayor que 0, aplicará un contorno a la imagen insertada. Si utiliza valor 0, será como si omitiera el modificar Border.

La página anterior fue modifica para aplicar contornos a las dos imágenes insertadas.

Cuando el Mouse se ubica sobre la imagen del estudiante, despliega un mensaje instantáneo aplicado en la instrucción ALT="cadena de mensaje".

Si se desea aplicar espaciado horizontal o vertical, debe utilizar los modificadores hspace o vspace, con la instrucción de inserción de imágenes. Cuando se aplica espaciado horizontal, la siguiente imagen o texto se ajusta a la distancia indicada en hspace (en píxeles). Igual sucede cuando se aplica el modificar vspace, la siguiente imagen o párrafo insertado debajo de la imagen, se ajustará a la distancia indicada por hspace. Por ejemplo, observe la página anterior y se dará cuenta que el texto a la derecha de la imagen, está pegada del lado derecho de la misma. Ahora  si observa la siguiente pantalla, verá que el texto tiene una separación de 20 píxeles respecto al lado derecho de la imagen. Se debe entender que la separación en orden horizontal aplicado a una imagen, afecta a ambos lados de la misma, es decir, si aplico 20 píxeles de separación, se aplicarán 20 a la izquierda, y 20 a la derecha de la imagen.

La siguiente pantalla muestra la página de productos de la papelería. Es un mosaico de imágenes insertadas controladas mediante los modificadores Height, Width, hspace y vspace.

El código para obtener la página mostrada arriba, se muestra a continuación.

<img Border=1 src="Agenda.gif" Alt="Agenda Escolar $50.00" Height=80 Width=60>

<img Border=1 src="Agenda2.jpg" Alt="Agenda Ejecutiva $100.00" Height=80 Width=60 hspace=20>

<img Border=1 src="AgendaElectronica.gif" Alt="Agenda Electrónica $800.00" Height=80 Width=60>

<img Border=1 src="OrganizaDiscos.jpg" Alt="Organizador de discos $120.00" Height=80 Width=60 hspace=20>
<img Border=1 src="OrganizaLapiz.jpg" Alt="Organizador de lápices $50.00" Height=80 Width=60>