Incrustar imágenes en HTML.

La sintaxis de la etiqueta para insertar una imagen seria así:

<img src="imagen.jpg" />


















A diferencia de las demás etiquetas esta no se cierra  y esta demás por mencionar que al insertar la imagen debemos de tener en cuenta que no todas tienen como formato .JPG, puede ser .gif, .png, .bmp, etc.
Para saber el formato hay que dar clic secundario en la imagen y abrir las propiedades del archivo para identificar con que tipo de imagen trabajaremos.

Atributo alt

Dentro de las comillas de este atributo colocaremos una brevísima descripción de la imagen. Esta etiqueta no es indispensable pero presenta varias utilidades. Como al pasar el mouse por la imagen se mostrara el pequeño texto que le hemos incrustado con el atributo ALT.


<img src="imagen.jpg" alt="Imagen de ejemplo" />

Atributos height y width

Definen la altura y anchura respectivamente de la imagen en píxeles.


<img src="imagen.jpg" width="200" height="100" />

Atributo border

Definen el tamaño en píxeles del cuadro que rodea la imagen.


<img src="imagen.jpg" border="5" />





Utilizar imagenes como enlaces.



Es muy fácil llevar a cabo esta técnica cabe recordar solamente la etiqueta para colocar hipervinculo y en vez de colocar texto colocamos una imagen.

<a href="http://www.reckze2.blogspot.com><img src="imagen.jpg" /></a>