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.

1<!DOCTYPE html>
2<html lang="es">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport"
6 content="width=device-width">
7 <title>Imágenes</title>
8</head>
9<body>
10 <h1>Imágenes</h1>
11 <style>
12 img {
13 max-width: 100%
14 }
15 </style>
16 <figure>
17 <img alt="Un gatito"
18 src="https://media.giphy.com/media/MDJ9IbxxvDUQM/giphy.gif">
19 <figcaption>Gatito</figcaption>
20 </figure>
21 <footer>
22 <p>
23 Imágen de
24 <a target="_blank" rel="noreferrer" href="https://giphy.com">Giphy</a>.
25 </p>
26 </footer>
27</body>
28</html>

Solo para los más rudos

skip_previous skip_next