◀ ▶

A. Imágenes

El elemento img

  • Es un elemento de fraseo que muestra una imagen.

  • Puede tener los siguientes atributos:

    src

    URL del recurso.

    alt

    Texto que se muestra cuando no se puede descargar la imagen.

El elemento figure

  • Es un elemento de agrupamiento específicamente diseñado para mostrar imágenes.

El elemento figcaption

  • Es un elemento de agrupamiento específicamente diseñado para mostrar el texto que describe el contenido de un figure.

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width">
 <title>Imágenes</title>
</head>
<body>
 <h1>Imágenes</h1>
 <style>
  img {
   max-width: 100%
  }
 </style>
 <figure>
  <img alt="Un gatito"
    src="https://media.giphy.com/media/MDJ9IbxxvDUQM/giphy.gif">
  <figcaption>Gatito.</figcaption>
 </figure>
 <footer>
  <p>
   Imágen de
   <a href="https://giphy.com"
     target="_blank">
    Giphy</a>.
  </p>
 </footer>
</body>
</html>

Solo para los más rudos