Neuralpin Logo

Imágenes HTML

Para incluir imágenes dentro de un documento web se usa la etiqueta img

Para incluir imágenes dentro de un documento web se usa la etiqueta <img>.

Esta etiqueta no requiere de etiqueta de cierre, ya que no delimita ningún contenido, a este tipo de etiquetas se les llama etiquetas vacías.

Para que la etiqueta img pueda funcionar se requiere del atributo src con el que se definirá la ruta de la imagen a insertar.

Esta ruta puede ser absoluta o relativa y se construye de la misma forma que las rutas para los enlaces.

Otro atributo esencial para las imágenes es el atributo alt, el cual permite definir un texto alternativo de tal forma que si la imagen no se encuentra se muestre un mensaje en su lugar.

Sintaxis de la etiqueta img:

<img src="ruta_de_la_imagen" alt="Texto alternativo de la imagen">

Ejemplo de uso de imágenes en la web:

<p><img src="https://neuralpin.com/media/post/pic.jpg" alt="Cielo estrellado"></p>
<p><img src="https://neuralpin.com/media/post/gato.jpg" alt="Error 404 gato no encontrado"></p>

Cielo estrellado

Error 404 gato no encontrado