Existe diferença entre a tag "a" e a tag "button"?

Sim, existe diferença entre essas tags e é muito importante que um desenvolvedor Front-End saiba quando usar cada uma delas.

<a>

A tag <a> é usada para vincular uma página a outra, utilizando o atributo "href".

Exemplo:

<a href="https://www.google.com.br/">Visite o Google</a>

O ideal é que todos os acessos para outras página, internas ou externas, sejam feitos atráves das tags <a>.

<button>

Já a tag <button>, representa um elemento clicável, normalmente atribuido a uma ação.

Exemplo:

<button onclick="olaMundo()">Clique aqui</button>

É sempre importante você definir o atributo "type" para o botão, com os valores sendo: "button", "reset" ou "submit".

Quando usar cada uma delas?

Tag <a>

• Links no menu de navegação
• Linkagem para redes sociais
• Linkagem dentro do conteúdo

Tag <button>

• Botão para comprar um produto
• Botão para enviar um formulário
• Botão de pesquisar