<img src="sobre.gif" width="28" height="18">
Si se especifica tamaño, se deja el hueco apropiado mientras se descargan los fichero de imágenes.
Si no se especifica tamaño, el aspecto de la página irá cambiando a medida que se carguen las imágenes.

<img src="foto.jpg" alt="cartelito amarillo">
El cartelito amarillo (representación ALTernativa) se suele usar para que indique qué imagen falta si no se ha podido cargar porque no se encuentra el fichero (p.ej., porque se ha cambiado de nombre o movido a otra carpeta). También se puede usar como "tool tip", para explicar para qué sirve un botón (no en todos los navegadores), como en el botón anterior.

Imagen + enlace:
<a href= "index.html"> <img src= "index.gif" alt= "volver al índice" border="5"></a>
Normalmente no hace falta especificar border="0" si no se desea borde, esta opción sólo tiene efecto cuando la imagen funciona como un enlace.

---

Alinear imágenes y texto (Para ver mejor el efecto de estos códigos se ha estrechado esta parte del texto). <img src="download.gif" align="right"> Imagen alineada a la derecha del texto que la rodea. El código de la imagen se debe escribir antes que el texto. <img src="download.gif" align="left" hspace="30"> Imagen alineada a la izquierda del texto que la rodea. El código "hspace" deja un margen alrededor de la imagen. <img src="download.gif" align="top" > Imagen alineada con una sola línea de texto que se sitúa arriba. <img src="download.gif" align="bottom" > Imagen alineada con una sola línea de texto que se sitúa abajo. <img src="download.gif" align="middle" > Imagen alineada con una sola línea de texto que se sitúa en el centro. <img src="sobre.gif" align="absmiddle"> Imagen pequeña intercalada en el texto. Si es lo bastante pequeña no se separan las líneas.