¿Qué son las entidades HTML y cuándo las necesitas?

Las entidades HTML son códigos especiales que representan caracteres que de otro modo se interpretarían como marcado, o que son difíciles de escribir. Comienzan con & y terminan con ;.

Los caracteres que DEBES escapar

Cuatro caracteres tienen significado especial en HTML y deben escribirse como entidades cuando los pretendes literalmente:

<   →  &lt;     (less-than — otherwise starts a tag)
>   →  &gt;     (greater-than)
&   →  &amp;    (ampersand — otherwise starts an entity)
"   →  &quot;   (inside attribute values)