Tags div e span

As tags  <div> e <span>  são muito importantes no desenvolvimento de websites, uma vez que permitem identificar e demarcar de elementos do documento HTML. Neste sentido, são utilizadas para agrupar e definir um certo conteúdo do documento - tanto um bloco da página quanto um pedaço de texto - permitindo, posteriormente, formatar esse conteúdo específico numa stylesheet, com CSS.

Span é um elemento inline, de modo que é geralmente utilizado para demarcar pequenos blocos de HTML. 

Por outro lado, div é um elemento de bloco - o que  é equivalente a ter uma quebra de linha antes e depois do elemento-, sendo utilizado para agrupar blocos maiores de código (geralmente divisões da página, como menu, cabeçalho....).