Imágenes en HTML

Una imagen necesita fuente, texto alternativo y dimensiones que reserven su espacio.

<img src="/img/keyboard.png" alt="A split mechanical keyboard"
     width="640" height="360">
<img src="/img/divider.svg" alt="" width="200" height="8">
<img src="/img/chart.png" alt="Words per minute over six weeks"
     width="480" height="320" loading="lazy">

Cómo funciona

1. alt describe la imagen; déjalo vacío si es pura decoración.
2. width y height evitan que la página salte mientras carga.
3. loading=lazy difiere las imágenes que empiezan fuera de la vista inicial.

El intento, en números

Líneas

5

Caracteres a escribir

252

Tokens

48

Ritmo de tres estrellas

65 tpm

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

Escribe este fragmento

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

← Anterior Siguiente →