Adicionar um botão ao html é uma tarefa facil. Tudo o que se precisa fazer é adicionar a tag < button> e depois fechar a tag do botão com </button>, assim como na imagem acima. E entre essa tag pode ser colocado qualquer tipo de coisa, até mesmo outras tags como, por exemplo, imagens, links, tabelas ou textos.

Inicialmente, o botão se parecerá simples e estático, como o abaixo:

Hello, world!

É dentro do CSS que ele ganhará estilo, cor e forma, onde será modificado da forma que mais lhe satisfazer. Vamos usar como exemplo alguns botões padrões do Bootstrap:

Primary Secondary Warning Dark

E quando damos funcionalidade à esses botões? A resposta é simples: dentro do javascript, mas isso é conteúdo para uma próxima aula.