<IMG> es la tarea que nos permite insertar una imagen en el documento. Es vacía. El atributo SRC en necesario para indicar el archivo que guarda la imagen que queremos insertar.

No todos los visores pueden leer imágenes, por eso es bueno colocar un texto alternativo que se introduce con ALT.

Las extensiones de los archivos de imagen son: .gif (el único universalmente leído), .xbm (el primer formato de gráficos de la red), .xpm, .jpeg o .jpg (la extensión más indicada para alta definición de imágenes), .png (formato independiente de alguna empresa). Para los videos, .avi.

Atributos:

• SRC: es obligatorio. Señala el nombre del archivo de imagen a insertar.
• ALT: opcional. Para aquellos usuarios que tengan un visor que no ve imágenes, señala un texto alternativo (lo más relacionado posible con la imagen) de hasta 1024 caracteres..
• ALIGN: ubica el texto que rodea a la imagen;. Tiene los valores top, middle, bottom. Netscape ha agregado: texttop, absmiddle, baseline, y absbottom. Los valores no normalizados de left y right solamente son vistos con Netscape, Internet Explorer y Mosaic.
• ISMAP: se agrega a la tarea IMG cuando queremos indicar que esa imagen es un mapa, es decir, diferentes partes de ella remiten a sendos archivos.

Extensión:

• MD: presenta un resumen o una síntesis sobre determinado objeto. I. Graham lo llama un "nombre digital para un archivo". El sentido está en que no es posible hacer un segundo MD, lo que da validez del origen a los datos de un archivo. Este atributo no es leído por ningún visor.
• CLASS: permite definir el tipo de archivo a insertar. Tiene el ojetivo de informar y organzar, no afecta la visualización. Este atributo solamente es reconocido por los navegadores emacs.W3 y Arena; es ignorado por los otros. Su uso identificatorio dentro del contexto de hojas de estilo, ha ampliado su valor, así como su visualización por todos los browsers que aceptan CSS.
• USEMAP: otra alternativa para que la imagen sea un mapa.
• WIDTH: determina el tamaño horizontal (ancho) de la imagen. Es mejor no usarlo porque los navegadores que no lo soportan generan errores.
• HEIGHT: determina el tamaño vertical (altura) de la imagen. Es mejor no usarlo porque los navegadores que no lo soportan generan errores.
• STYLE: especifica información de estilo sobre un simple elemento del documento. Los valores se colocan según el formato "nombre:valor", separados por ";".
• TITLE: para intitular un documento o una sección del mismo. Algunos programas navegadores pueden colocar el valor de este atributo como texto insertado o audio.
• ID: identifica el párrafo. Como NAME. No puede haber en el documento un id y un name con el mismo valor.
• DIR: para indicar la dirección del texto.
• LANG: para indicar el idioma del texto.
• ONLOAD: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando el cuerpo de un documento es cargado. (HTML 4.0).
• ONUNLOAD: es un atributo definido como un "evento intrínseco". (HTML 4.0). Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando el documento es quitado de la pantalla. (HTML 4.0).
• ONCLICK: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se toca un botón sobre determinado elemento desplegado en pantalla. (HTML 4.0).
• ONDBLCLICK: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se toca dos veces el botón. (HTML 4.0).
• ONMOUSEDOWN: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se presiona un botón sobre un elemento. (HTML 4.0).
• ONMOUSEUP: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando se suelta el botón. (HTML 4.0).
• ONMOUSEOVER: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando la flecha señalizadora se mueve sobre un elemento. (HTML 4.0).
• ONMOUSEMOVE es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando cuando la flecha señalizadora se mueve sobre un elemento. (HTML 4.0).
• ONMOUSEOUT: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando la flecha señalizadora se mueve lejos de un elemento. (HTML 4.0).
• ONKEYPRESS: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o clave es presionada o soltada sobre un elemento. (HTML 4.0).
• ONKEYDOWN: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o clave es mantenida presionada sobre un elemento. (HTML 4.0).
• ONKEYUP: es un atributo definido como un "evento intrínseco". Este evento o suceso está definido por el valor del atributo, que es un pequeño programa script (JavaScript, VBScript o Tcl). En este caso, el suceso ocurre cuando una llave o clave es soltada sobre un elemento. (HTML 4.0).

Netscape:

• LOWSRC: es usado para que la imagen tenga baja definición, reemplazando el atributo SRC. Ésto aumenta la velocidad de carga del gráfico.
• HSPACE="n": también para Internet Explorer. Añade espacio horizontal adicional entre la imagen y el texto.
• VSPACE="n": también para Internet Explorer. Añade espacio vertical adicional entre la imagen y el texto.
• BORDER="n": también para Internet Explorer. Cambia el tamaño del borde de la imagen en pixels, o elimina el borde que tiene por defecto.

Internet Explorer:

• DYNSRC: es para archivos .avi, reemplazando el atributo SRC. El valor de este atributo es el nombre del archivo del video. Como los otros navegadores no incluyen este atributo, es bueno agregar un archivo de imagen común. La tarea luciría así: <IMG DYNSRC="videos/film.avi" SRC="graficos/graf_1.gif">. (No hay acento en la palabra gráfico porque no hay que ponerlos en los archivos: las máquinas no los toleran).
• CONTROLS: añade controles al archivo de video o al de sonido: parada, pausa, rebobinado, etc. La tarea sería: <IMG DYNSRC="videos/film.avi" CONTROLS SRC="graficos/control.gif">.
• LOOP="n": el video es normalmente mostrado una vez. Con este atributo, puedo hacer que sea repetido varias o infinitas veces. <IMG DYNSRC="videos/film.avi" CONTROLS SRC="graficos/graf_1.gif" LOOP=10>; o, en el caso de infinitas veces, LOOP=infinite.
• LOOPDELAY="n": indica el tiempo en milisegundos que hay entre una y otra reproducción del video.
• START: indica cuándo empieza el video, según los valores mouseover (con el movimiento del mouse), o fileopen (con la apertura del archivo), o ambos (mouseover, fileopen).

En la versión del HTML 4.0 (experimental) se recomienda su reemplazo por <OBJECT>.

Ejemplo:

<IMG SRC="graficos/guepardo.gif" ALT="imagen" BORDER=0>, y aparecerá la imagen

Considerar el uso del atributo ALT=" ", esto es, vacío, en el caso de incorporar imágenes sólo decorativas.