¿Cuál es la diferencia entre las etiquetas <div>, <img> y <p>?

div - un contenedor universal para agrupar elementos, no tiene un significado semántico. Se usa a menudo para crear diseños.

img - se usa para incrustar imágenes en el documento. El atributo obligatorio src indica la ruta al archivo de imagen. El atributo alt proporciona un texto alternativo para la accesibilidad.

p - representa un párrafo de texto. Los navegadores generalmente añaden márgenes antes y después del elemento <p>.

Diferencias principales:

Etiqueta	Propósito	Semántica	Visualización predeterminada
div	Contenedor para agrupar	No	Bloque
img	Inserción de imagen	Indica una imagen	En línea-bloque
p	Representa un párrafo de texto	Indica un párrafo	Bloque

Ejemplo:

<div>
  <h1>Encabezado</h1>
  <p>Este es un párrafo de texto.</p>
  <img src="image.jpg" alt="Descripción de la imagen">
</div>