Imágenes y atributos de imágenes en html

Imágenes y atributos de imágenes en html

El código más sencillo para añadir una imagen en html es:

<img src=”link imagen”>

La imágen tiene varios atributos, los cuales son:

  • Alt:
  • Corta descripción sobre la imágen

  • Title:
  • Título de la imágen

  • Height:
  • Alto de la imágen en pixeles

  • Width:
  • Ancho de la imágen en pixeles, este en conjunto con height sirven para modificar el tamaño de una imagen

  • Border:
  • Borde de la imágen, 0 sin borde, 1 un borde pequeño, etc

  • Vspace y Hspace:
  • Se indica el espacio que separa la imágen de los elementos que lo rodean(texto u otros)

  • Lowsrc:
  • Se indica que la imágen es de baja resolución, indica al navegador que primero baje y muestre esta imágen y luego que se encarge del resto.

  • Align:
  • Alineación del texto con respecto a la imágen(left, right, middle, top, bottom)

    Ejemplo:

    <img src=”Link imagen” alt=”Imagen de prueba” border=”0″ align=”left”>