Este es el resultado de la instrucción anterior.

A veces queremos escribir sólo cierta cantidad de texto al lado de una imagen, y después saltar a la parte inferior de la misma. Eso se realiza con <BR clear="all">.
Otra cosa interesante es convertir una imagen en un hiperenlace. Supongamos que insertamos la figura de una casa y queremos que al pulsar sobre ella saltemos a la página principal de este documento (index.html). Lo primero que debemos hacer es insertar la imagen en el documento tal y como hicimos hasta ahora con "NewImg" o algo equivalente:

En este caso, la imagen se llama "inicio.gif" y fue insertada usando el siguiente código:

Entonces, debemos marcar todo el código de la imagen y tratarlo como si fuera una simple palabra, utilizando el método para crear enlaces que ya conocemos (NewHtml, BareLnk, DocLnk, etc). El resultado, tanto en imágen como en código será el siguiente (si enlazamos a index.html):

<A HREF= "index.html" > <IMG SRC= "inicio.gif" WIDTH= "32" HEIGHT= "32" ALIGN= "left" ALT= "Ir al Inicio" > <A>

Notarás que existe un marco de color alrededor de la imagen, y que cuando pulsas sobre ella saltarás a la página principal de este tutorial. El marco ayuda al visitante indicando que la imagen es un hiperenlace, pero si por alguna razón quieres eliminarlo, debes agregar dentro de la etiqueta IMG el atributo border="0".

Como has visto, es muy fácil insertar imágenes en tu documento. Lo que es realmente complejo es insertarlas bien...

Atrás	Inicio	Próxima