BORDER Y ENLACE EN IMAGEN

En general, al visualizar una página en un navegador las imágenes aparecen sin ningún borde alrededor, pero es posible establecer uno a través del atributo border.

El atributo border puede tomar valores numéricos, que indican el grosor en píxeles del borde.

Por ejemplo, para insertar la siguiente imagen con borde:



Habría que escribir:

<img src="imagenes/logo_animales.gif" border="4" >


Hay que tener en cuenta que el borde de la imagen siempre será de color negro, a no ser que la imagen contenga un enlace, en cuyo caso el color del borde será el color establecido para los vínculos.

Por ejemplo, para insertar la siguiente imagen con borde y con un enlace:


Habría que escribir:



<a href="http://s393.photobucket.com/albums/pp20/programayin/?action=view&current=animales.jpg" target="_blank"><img src="http://i393.photobucket.com/albums/pp20/programayin/animales.jpg" border="0" alt="animales programayines aprender html"></a>



Si se desea establecer un vínculo sobre una imagen y no se desea que se muestre el borde (que por su color indica que existe dicho vínculo), es necesario establecer border="0".