Figuras y leyendas en HTML

Una figura une una imagen, gráfico o ejemplo de código con su leyenda.

<figure>
  <img src="/img/tokens.png" alt="Tokens typed per minute"
       width="600" height="300">
  <figcaption>
    Tokens per minute across the Python basics tour.
  </figcaption>
</figure>
<figure>
  <pre><code>print("hello")</code></pre>
  <figcaption>The smallest program worth typing.</figcaption>
</figure>

Cómo funciona

1. figcaption es la leyenda y puede ir primero o al final.
2. La figura entera se puede mover sin perder la leyenda.
3. Funciona con tablas y bloques de código, no solo con imágenes.

El intento, en números

Líneas

11

Caracteres a escribir

295

Tokens

60

Ritmo de tres estrellas

65 tpm

Al ritmo de tres estrellas de 65 tokens por minuto, este intento toma unos 55 segundos.

Escribe este fragmento

Paso 7 de 7 en Enlaces e imágenes; paso 22 de 28 en Estructura del documento.

← Anterior Siguiente →