Para insertar una imagen, utilizaremos su tag:

<img src=bola.gif border=0 width=16 height=16 alt="esta imagen es una bola pero
no se puede visualizar>

Img inserta la imagen y src, la ruta, border indica el borde, width y height indican las dimensiones alt representa el texto alternativo, que es el que se mostrará sobre la imagen al posar el ratón y cuando no se pueda cargar. Podemos añadir también vspace, hspace, los márgenes etc...

Si queremos que esta imagen sea además, animada, podemos usar dynsrc para especificar un vídeo que empiece sobre la imagen con Start=fileopen (al abrir el archivo, loop=infinite (reproucir continuamente, y loopdelay=1 (tiempo)

No obstante, es mucho mejor para archivos de video y sonido usar el tag de videos y
sonidos: embed, al cual le añadiremos los mismos tags que a img. Veamos un ejemplo completo:

A continuación muestro el vídeo</p>
<embed scr=video1.avi height=300 width=400 hspace=0 vspace=3 align=center>

Un archivo de audio se inserta de la misma manera ya que ambos son mostrados por un reproductor multimedia. Generalmente los formatos admitidos son:

Para insertar algún tipo de subprograma, además de escribir el propio código con <script> podemos insertarlo diréctamente mediante:

<applet src=prog1.vbe>

Esto no es todo, podemos crear una imagen que pueda contener un hipervínculo

<img href=~>

Y también que una parte de la imagen se convierta en uno de ellos, esto se llama mapa de imagen:

Para usaremos antes del tag img el tag map con los siguientes atributos, sabiendo que la forma puede ser poligonal, circular o rectangular. De esta forma distintas partes de la imagen vinculan a diferentes sitios

<map>
<area href="x.htm" shape="circle" coords="x, x, x">
<area href="x" shape="polygon" coords="x, x, x, x, x, x, x, x, x, x, x, x">
</map>

Shape indica la forma y las coordenadas de un círculo, el radio, y las coordenadas del centro, así mismo, el rectángulo sólo necesita las de la esquina superior izquierda e inferior derecha, y un polígono las de cada vértice, para ello se indican los píxeles en horizontal y en vertical.

Podemos agregar también un texto que se desplace, una marquesina.
<marquee bgcolor=0000FF width=660 height=20 direction=right vspace=10>Texto que se mueeeeeveeee</marquee>

Para tener una buena estructuración del texto, y para poder trabajar más cómodamente al buscar un tag, es recomendable, sobre todo si eres principiante, llenar hasta rebosar todo de comentarios, un comentario es una guía que no tiene repercusión alguna en la página pero nos sirve para orientarnos en el código, ejemplo:

...</h1>
<!--Aquí empieza el botón interactivo-->
<img border="0" id="img1"
src="file:///C:/Documents%20and%20Settings/F/Configuración%20local/Archivos%20t
emporales%20de%20Internet/FrontPageTempDir/button4.jpg" height="20"
width="100" alt="Texto de botón"
onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20S
ettings/F/Configuración%20local/Archivos%20temporales%20de%20Internet/FrontPageTempDir/button5.jpg')"
onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Set
tings/F/Configuración%20local/Archivos%20temporales%20de%20Internet/FrontPage TempDir/button4.jpg')"

onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20
Settings/F/Configuración%20local/Archivos%20temporales%20de%20Internet/FrontPageTempDir/button6.jpg')"

onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'file:///C:/Documents%20and%20Sett ings/F/Configuración%20local/Archivos%20temporales%20de%20Internet/FrontPageT empDir/button5.jpg')" fp-style="fp-btn: Simple Block 1" fp-title="Texto de botón">

Es útil realmente sin embargo abusar de ellos conlleva muchas líneas de código y todo afecta al tamaño de la página, no solo nos interesa una buena Web sino que haya u entorno sencillo y agradable y que además tarde realmente poco en cargarse. Para escribir un comentario abriremos<!--y cerraremos -->