← Volver al curso

07. Imágenes en HTML

Curso HTML5 desde cero — Freimel Jerez

Las imágenes permiten mostrar contenido visual en una página web. En HTML se utilizan con la etiqueta <img>.

📌 Sintaxis básica

<img src="imagen.jpg" alt="Descripción de la imagen">

src: ruta de la imagen
alt: texto alternativo (SEO y accesibilidad)

📏 Tamaño de imágenes

<img src="foto.png" alt="Ejemplo" width="300">

👉 Recomendación: controla tamaños con CSS, no con atributos.

🖼️ Ejemplo real

Ejemplo de imagen HTML

⚠️ Buenas prácticas

Siempre usar alt
Optimizar imágenes (peso bajo)
Usar formatos modernos (SVG, WebP)

🎥 Video de la lección

Debes ver el video completo para desbloquear la siguiente lección.

✅ Resumen

Las imágenes se insertan con <img>
alt es obligatorio
Optimizar mejora SEO y velocidad