Summary  
This chapter explains how to use the HTML `<button>` element to create clickable controls and how to set its `type` attribute (e.g., `type="button"`) to distinguish generic button actions from form submissions.

General domain of usage  
Web user interface development

A tag `<button>` em HTML é utilizada para criar um botão clicável que pode acionar uma ação, como enviar um formulário, executar uma função JavaScript como abrir e fechar uma janela pop-up ou alternar um menu móvel. Por padrão, o `<button>` possui o atributo `type`, e seu valor é `submit`. No entanto, muitas vezes é necessário especificar `type="button"`.

PGJ1dHRvbiB0eXBlPSJidXR0b24iPk9wZW4gbW9iaWxlIG1lbnU8L2J1dHRvbj4=

A tag `<a>` é utilizada para criar hiperlinks para outras páginas da web, documentos ou recursos.

Em contraste, a tag `<button>` é usada para criar interatividade em uma página web, acionando um evento ou executando uma ação. É fundamental não confundir seus propósitos.

Nota

Você pode usar a tag `<button>` para enviar um formulário?

Qual é a principal diferença entre a tag `<a>` e a tag `<button>`?

Aprenda os conceitos essenciais de HTML (HyperText Markup Language), a base do desenvolvimento web. Este curso para iniciantes aborda tags, atributos, elementos e a estruturação de páginas web. Adquira habilidades práticas na criação de títulos, parágrafos, listas, imagens, links, formulários e tabelas. Explore boas práticas, otimização e acessibilidade na web. Inicie sua jornada no desenvolvimento web com HTML.

Explore o funcionamento interno da web. Entenda como os dados trafegam pelas redes, descubra o papel dos protocolos e desvende os mistérios dos endereços IP e nomes de domínio. Obtenha uma compreensão geral de como navegadores e servidores se comunicam para entregar conteúdo web.

Descubra o poder das tags para estruturar o conteúdo, desde títulos e parágrafos até listas e tabelas. Aprenda como aprimorar os elementos com atributos.

O núcleo da estrutura de documentos HTML. Aprenda os componentes de um documento HTML, incluindo a declaração do doctype, head e body. Compreenda o propósito de cada elemento e como eles contribuem para a estrutura geral de uma página web.

Torne uma página web mais atraente com o uso de mídias como imagens, áudio e vídeo. Trabalhe com dados tabulares estruturados na forma de tabelas.

Explore a versatilidade dos formulários HTML. Aprenda a projetar formulários intuitivos e fáceis de usar aproveitando conceitos e técnicas essenciais. Descubra como os formulários possibilitam a interação do usuário e o envio de dados em sites.

Adicionando Botões

1. Você pode usar a tag `<button>` para enviar um formulário?

2. Qual é a principal diferença entre a tag `<a>` e a tag `<button>`?

Adicionando Botões

1. Você pode usar a tag `<button>` para enviar um formulário?

2. Qual é a principal diferença entre a tag `<a>` e a tag `<button>`?

Adicionando Botões

1. Você pode usar a tag <button> para enviar um formulário?

2. Qual é a principal diferença entre a tag <a> e a tag <button>?

Adicionando Botões

1. Você pode usar a tag <button> para enviar um formulário?

2. Qual é a principal diferença entre a tag <a> e a tag <button>?

1. Você pode usar a tag `<button>` para enviar um formulário?

2. Qual é a principal diferença entre a tag `<a>` e a tag `<button>`?

1. Você pode usar a tag `<button>` para enviar um formulário?

2. Qual é a principal diferença entre a tag `<a>` e a tag `<button>`?