HTML : Imagenes

Las imágenes se pueden mostrar utilizando la etiqueta img.

Esta etiqueta acepta un atributo src, que usamos para establecer la fuente de la imagen:

<img src="imagen.png" />

Ten en cuenta que esta es una etiqueta de autocierre (termina con />), no contiene ningún contenido, es autosostenible.

Podemos usar una amplia variedad de formatos de imagen en la web. Los más comunes son PNG, JPEG, GIF, SVG y más recientemente WebP.

El estándar HTML requiere que el atributo alt esté presente para describir la imagen. Esto es utilizado por lectores de pantalla y también por los bots de los motores de búsqueda:


<img src="perro.png" alt="Una imagen de un perro" />

Puedes establecer los atributos width y height para definir el espacio que ocupará el elemento para que el navegador pueda tenerlo en cuenta y no cambie el diseño cuando esté completamente cargado. Toma un valor numérico, expresado en píxeles.

 

<img src="perro.png" alt="Una imagen de un perro" width="300" height="200" />

 

Comentarios

Aún no hay comentarios. ¿Por qué no comienzas el debate?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *