Etiqueta imagen / Programación HTML

 

Las imágenes HTML se definen con la etiqueta <img>

Dicho elemento se acompaña del parámetro src para indicar la ubicación de la imagen (source en inglés). El formato general es el siguiente:

<img src="nombredelaimagen.png" />

Por cuestiones de accesibilidad, cada imagen debe acompañarse siempre de un texto que será mostrado en el caso de que, por cualquier motivo, la imagen no esté disponible y que sirve también como descripción en aplicaciones lectoras para personas con discapacidad.

El texto alternativo se inserta con el atributo alt. Así, un par de imágenes correctas quedarían de la siguiente manera:

<img src="recursos/calle.jpg" alt="Una calle con coches y tiendas" />  

Existen atributos de tamaño para la imagen, ellos son:  

width (ancho)

height (alto);

Con ellos podemos indicar explícitamente la anchura y altura que tendrá una imagen.

img elemento que no tiene etiqueta de cierre, por lo que el cierre va incluido en la propia etiqueta.

 

Fuente:

ite.educacion.es