Elementos de Formulário em HTML: entenda as tags essenciais

13/12/2021

Compartilhe

Confira neste artigo:

Formulário
</a></li><li> <a href="#button"> <button> </a></li><li> <a href="#label"> <label> </a></li><li> <a href="#continua"> Continua... </a></li></ol></nav></div></aside><div class="cosmos-color cosmos"><p>Esse artigo compõe uma série de cinco artigos sobre o que é HTML e suas tags:</p><ol><li><a href="https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-1-estrutura-basica?utm_source=gnarus&utm_medium=timeline">O que é o HTML e suas tags: estrutura básica</a></li><li><a href="https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-2-elementos-inline?utm_source=gnarus&utm_medium=timeline">O que é o HTML e suas tags: elementos inline</a></li><li><a href="https://www.alura.com.br/artigos/html-tags-elementos-block-level?utm_source=gnarus&utm_medium=timeline">O que é o HTML e suas tags: elementos block-level</a></li><li><a href="https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-4-elementos-formulario">O que é o HTML e suas tags: elementos de um formulário</a></li><li><a href="https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-5-atributos-elementos">O que é o HTML e suas tags: atributos dos elementos</a></li></ol><p>No artigo anterior vimos o que são elementos block level e como eles se comportam, agora vamos partir para um outro tópico para entender o que são e quais elementos compõem um formulário.</p><h2 id="formulario">Formulário</h2> <a href="https://www.alura.com.br/imersao-agentes-ia-google?utm_source=blog&utm_medium=banner&utm_campaign=imersao-agentes-ia-google_inscricoes" class="cosmos-banner-image" data-ga4-banner-name="banner-imersao-agentes-ia-google_inscricoes"> <picture> <source media="(min-width: 768px)" srcset="https://cdn-wcsm.alura.com.br/2025/08/IMAGEM-7-Banner-Blog-875x330-1.png"> <img class="cosmos-image" src="https://cdn-wcsm.alura.com.br/2025/08/IMAGEM-7-Banner-Blog-330x360-1.png" alt="Banner da Imersão Agentes de IA da Alura com Google Gemini. Participe de 3 aulas gratuitas online, com certificado, para você aprender a criar agentes de IA que pensam por você! Inscreva-se agora e garanta a sua vaga e participe de uma comunidade exclusiva no discord!" loading="lazy"> </picture> </a><h2 id="form"><code><form></code></h2><p>Essa tag indica que estamos iniciando um formulário, recebe como principais atributos <strong>method</strong> que recebe como valor o método http que esse formulário irá executar (get, post) e <strong>action</strong> que especifica para onde enviar os dados do formulário quando um formulário é enviado.</p><p>A tag<form> em HTML é usada para criar um formulário em uma página da web. Ela define uma seção do documento HTML que contém elementos interativos, como campos de entrada de texto, caixas de seleção, botões, etc., que permitem aos usuários e usuárias inserir dados ou interagir com o site.</p><p>Ela possui vários atributos, usados para especificar como os dados do formulário devem ser processados e enviados para o servidor web:</p><ul><li><p><strong>action</strong>: especifica para onde os dados do formulário devem ser enviados quando o formulário é submetido.</p></li><li><p><strong>method</strong>: especifica o método <a href="https://www.alura.com.br/artigos/desmistificando-o-protocolo-http-parte-1">HTTP</a> a ser usado ao enviar os dados do formulário. Os métodos mais comuns são “GET” e “POST”.</p></li><li><p><strong>enctype</strong>: especifica como os dados do formulário devem ser codificados antes de serem enviados para o servidor.</p></li></ul><pre><code><form></form> </code></pre><h2 id="input"><code><input></code></h2><p>É um campo para que o usuário ou usuária possa inserir algum texto, data, número, cor, etc. possui como principais atributos <strong>type</strong>, que recebe como valor o tipo do input.</p><p>A tag <input> em um formulário HTML é um elemento usado para criar campos de entrada interativos, nos quais as pessoas usuárias podem inserir dados.</p><p>Esta tag é essencial para a construção de formulários web. Ela pode ser usada para criar vários tipos de campos de entrada, dependendo do valor do atributo type especificado.</p><p>Alguns dos tipos mais comuns de campos de entrada <input> incluem:</p><ul><li><p><strong>text:</strong> cria um campo de texto simples, onde é possível inserir texto livremente.</p></li><li><p><strong>password:</strong> cria um campo de senha, onde os caracteres digitados são ocultos.</p></li><li><p><strong>checkbox:</strong> cria uma caixa de seleção que permite selecionar uma ou mais opções.</p></li><li><p><strong>radio:</strong> cria botões de rádio, onde é possível selecionar apenas uma opção de um grupo de opções.</p></li><li><p><strong>submit:</strong> cria um botão de envio que permite que as pessoas usuárias enviem o formulário.</p></li><li><p><strong>file:</strong> cria um campo de seleção de arquivo, que permite enviar arquivos para o servidor.</p></li><li><p><strong>email, number, date, entre outros:</strong> tipos específicos de campos de entrada que fornecem validação e funcionalidades específicas para tipos de dados comuns.</p></li></ul><pre><code> <input type="text"> </code></pre><h2 id="textarea"><code><textarea></code></h2><p>Representa uma caixa de texto, útil quando você quer permitir à pessoa usuária informar um texto extenso em formato livre, como um comentário ou formulário de retorno.</p><pre><code><textarea></textarea> </code></pre><h2 id="button"><code><button></code></h2><p>Um botão clicável, que possui como principais atributos <strong>type</strong>, que caso receba <strong>submit</strong> como valor e esteja dentro de um formulário, irá submeter o formulário.</p><pre><code> <button type="submit">Enviar</button> </code></pre><h2 id="label"><code><label></code></h2><p>Veremos agora o que é label HTML, uma tag muito importante para os campos de formulários.</p><p>Ela especifica qual o “rótulo” do input (a que se refere o input, como, por exemplo, envolvê-la em um texto “Nome completo”), e ajuda na experiência do usuário e usuária durante a utilização e preenchimento do formulário.</p><pre><code><label>Nome completo</label> </code></pre><p>Veja um <a href="https://codepen.io/mateushenrique-dev/pen/oNGgNKE?editors=1010">exemplo</a> de formulário criado utilizando as tags que aprendemos:</p><p><img src="https://cdn-wcsm.alura.com.br/2025/04/imagem1-88.png" alt="Formulário com dois rótulos, no primeiro está escrito Nome Completo, abaixo tem o campo para digitação, mais abaixo está o segundo rótulo Digite seu elogio, seguido de outro campo para digitação, e por último há o botão de Enviar." class="cosmos-image"></p><h2 id="continua">Continua...</h2><p>Nesse artigo vimos quais elementos utilizamos para compor um formulário, no próximo, veremos o que são atributos e como utilizá-los.</p><ul><li><a href="https://www.alura.com.br/artigos/o-que-e-html-suas-tags-parte-5-atributos-elementos">O que é o HTML e suas tags: atributos dos elementos</a></li></ul></div><aside class="article__aside-banner"> <a class="cosmos-banner-image" href="https://www.alura.com.br/imersao-agentes-ia-google?utm_source=blog&utm_medium=banner&utm_campaign=imersao-agentes-ia-google_inscricoes" data-ga4-banner-name="banner-imersao-agentes-ia-google_inscricoes"> <picture> <source media="(min-width: 768px)" srcset="https://cdn-wcsm.alura.com.br/2025/08/IMAGEM-8-_-Banner-Blog-300x600-1.png" /> <img class="cosmos-image" src="https://cdn-wcsm.alura.com.br/2025/08/IMAGEM-8-_-Banner-Blog-330x180-1.png" alt="Banner da Imersão Agentes de IA da Alura com Google Gemini. Participe de 3 aulas gratuitas online, com certificado, para você aprender a criar agentes de IA que pensam por você! Inscreva-se agora e garanta a sua vaga e participe de uma comunidade exclusiva no discord!" loading="lazy" /> </picture> </a></aside></main><section class="related-posts-wrapper"><div class="container"><h2 class="cosmos__navigation-title">Leia também</h2><div class="related-posts-carousel"><div class="carousel-container" dir="ltr"><div class="carousel-slide"> <a href="tslint-vs-eslint-projetos-typescript" class="cosmos__navigation-link"> <img src="https://cdn-wcsm.alura.com.br/2025/04/tslint-vs-eslint-projetos-typescript.jpg" alt="TSLint e ESLint: configuração e uso em projetos TypeScript" loading="lazy" class="related-image"><p class="related-posts-title">TSLint e ESLint: configuração e uso em projetos TypeScript</p> </a></div><div class="carousel-slide"> <a href="ancorando-elementos-com-html5" class="cosmos__navigation-link"> <img src="https://cdn-wcsm.alura.com.br/2025/04/01-1.png" alt="Ancorando elementos com HTML5" loading="lazy" class="related-image"><p class="related-posts-title">Ancorando elementos com HTML5</p> </a></div><div class="carousel-slide"> <a href="formulario-com-form-validation-do-html5" class="cosmos__navigation-link"> <img src="https://www.alura.com.br/assets/img/alura-share.1750260030.png" alt="Formulário com form validation do HTML5" loading="lazy" class="related-image"><p class="related-posts-title">Formulário com form validation do HTML5</p> </a></div><div class="carousel-slide"> <a href="o-que-e-html-suas-tags-parte-5-atributos-elementos" class="cosmos__navigation-link"> <img src="https://cdn-wcsm.alura.com.br/2025/04/o-que-e-html-suas-tags-parte-5-atributos-elementos.jpg" alt="O que é o HTML e suas tags? Parte 5: atributos dos elementos" loading="lazy" class="related-image"><p class="related-posts-title">O que é o HTML e suas tags? Parte 5: atributos dos elementos</p> </a></div><div class="carousel-slide"> <a href="as-classes-no-javascript" class="cosmos__navigation-link"> <img src="https://cdn-wcsm.alura.com.br/2025/04/as-classes-no-javascript.png" alt="This, Getters e Setters nas classes Javascript" loading="lazy" class="related-image"><p class="related-posts-title">This, Getters e Setters nas classes Javascript</p> </a></div><div class="carousel-slide"> <a href="design-tokens" class="cosmos__navigation-link"> <img src="https://cdn-wcsm.alura.com.br/2025/04/design-tokens.jpg" alt="Design tokens: o que são e como contribuem para a acessibilidade" loading="lazy" class="related-image"><p class="related-posts-title">Design tokens: o que são e como contribuem para a acessibilidade</p> </a></div></div><div class="related-navigation"> <button class="carousel-arrow carousel-arrow--prev" onclick="handleCarouselMove(false)"> ‹ </button> <button class="carousel-arrow carousel-arrow--next" onclick="handleCarouselMove()"> › </button></div></div></div></section></article></section><div class="cosmos-other-files"><div class="container --container-banner-flex"><div class="categories-artigos" style="background:#6bd1ff;"> <svg class="categories-artigos-icon" style="fill:#ffffff" xmlns:xlink="http://www.w3.org/1999/xlink"> <use xlink:href="/svg,1750260030/categorias#icon-categorias-front-end" /> </svg></div><p class="cosmos-other-files-text">Veja outros artigos sobre <a href="/artigos/front-end" style="color:#6bd1ff">Front-end</a></p></div></div><div class="cosmos-color"><div class="cosmos --newsletter-spacing"><link rel="stylesheet" href="/assets/css/block/subscribeNewsletterCard.1750260030.css"><div class="subscribeNewsletterCard-container"><section class="subscribeNewsletterCard-wrapper"><div class="subscribeNewsletterCard-decoration"></div><div class="subscribeNewsletterCard-busca-box container"><div class="subscribeNewsletterCard-box-texto"><p class="subscribeNewsletterCard-texto-bold">Quer mergulhar em tecnologia e aprendizagem?</p><p class="subscribeNewsletterCard-texto-normal">Receba conteúdos, dicas, notícias, inovações e tendências sobre o mercado tech diretamente na sua caixa de entrada.</p></div><div class="subscribeNewsletterCard__hubspot"><div id="39a8f8bd-d48f-4f45-8ed4-d26366176d39" class="hubspot-form"> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script> <script>hbspt.forms.create({ region: 'na1', portalId: '21748317', formId: '39a8f8bd-d48f-4f45-8ed4-d26366176d39', onFormReady: function($form) { }, onFormSubmitted: async function($form, data) { let newWindow; if (window.FORM_REDIRECT_URL !== undefined) { window.location.href = window.FORM_REDIRECT_URL } // redirect do formulário whatsapp // dataLayer do GA4 let dataLayerAlura = window.dataLayerAlura || []; // script JS extra // redirect geral }, });</script> </div></div></div></section></div></div></div></section><link rel="stylesheet" href="/assets/css/block/footer.1750950197.css"><footer class="footer"><div class="container"><div class="footer-info flex-row"><div class="footer-logos"> <a class="footer-logos-home" gtm-data='footer_primeira_secao_050' href="/"> <img src="/assets/img/home/alura-logo.1750260031.svg" alt="Alura" class="footer-logo" loading="lazy" width="75" height="35"> </a><p class="footer-navegue-lista-link --description"> <span class="footer-empresa-item">AOVS Sistemas de Informática S.A</span> <span class="footer-empresa-item">CNPJ 05.555.382/0001-33</span></p></div><div class="footer-card-hotLinks social-desktop"><h2 class="footer-card-hotLinks-titulo">Nossas redes e apps</h2><div class="footer-card-hotLinks-info footer-card-redes"> <a href="https://www.youtube.com/alura" gtm-data='footer_primeira_secao_065' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="YouTube da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-youtube"> <use xlink:href="/svg,1750260031/footer#icon-footer-youtube" /> </svg> <span>YouTube</span> </a> <a href="https://www.facebook.com/AluraCursosOnline/" gtm-data='footer_primeira_secao_066' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Facebook da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-facebook"> <use xlink:href="/svg,1750260031/footer#icon-footer-facebook" /> </svg> <span>Facebook</span> </a> <a href="https://twitter.com/aluraonline" gtm-data='footer_primeira_secao_067' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Twitter da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-twitter"> <use xlink:href="/svg,1750260031/footer#icon-footer-twitter" /> </svg> <span>Twitter</span> </a> <a href="https://instagram.com/aluraonline" class="footer-card-hotLinks-link" gtm-data='footer_primeira_secao_073' target="_blank" rel="noopener" title="Instagram da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-instagram"> <use xlink:href="/svg,1750260031/footer#icon-footer-instagram" /> </svg> <span>Instagram</span> </a> <a href="https://play.google.com/store/apps/details?id=br.com.alura.mobi&hl=pt_BR" gtm-data='footer_primeira_secao_069' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Baixar na Google Play Store"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-mobile"> <use xlink:href="/svg,1750260031/footer#icon-footer-googleplay" /> </svg> <span>Google Play Store</span> </a> <a href="https://itunes.apple.com/br/app/alura-cursos-online/id1225776635" gtm-data='footer_primeira_secao_070' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Baixar na AppStore"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-mobile"> <use xlink:href="/svg,1750260031/footer#icon-footer-appstore" /> </svg> <span>AppStore</span> </a> <a href="https://www.tiktok.com/@aluraonline?lang=pt-BR" gtm-data='footer_primeira_secao_071' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="TikTok da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-youtube"> <use xlink:href="/svg,1750260031/footer#icon-footer-tiktok" /> </svg> <span>TikTok</span> </a></div></div><div class="footer-card-hotLinks social-mobile"><h2 class="footer-card-hotLinks-titulo">Nossas redes e apps</h2><div class="footer-card-hotLinks-info footer-card-redes"> <a href="https://www.youtube.com/alura" gtm-data='footer_primeira_secao_065' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="YouTube da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-youtube"> <use xlink:href="/svg,1750260031/footer#icon-footer-youtube" /> </svg> <span>YouTube</span> </a> <a href="https://www.facebook.com/AluraCursosOnline/" gtm-data='footer_primeira_secao_066' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Facebook da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-facebook"> <use xlink:href="/svg,1750260031/footer#icon-footer-facebook" /> </svg> <span>Facebook</span> </a> <a href="https://twitter.com/aluraonline" gtm-data='footer_primeira_secao_067' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Twitter da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-twitter"> <use xlink:href="/svg,1750260031/footer#icon-footer-twitter" /> </svg> <span>Twitter</span> </a> <a href="https://instagram.com/aluraonline" class="footer-card-hotLinks-link" gtm-data='footer_primeira_secao_073' target="_blank" rel="noopener" title="Instagram da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-instagram"> <use xlink:href="/svg,1750260031/footer#icon-footer-instagram" /> </svg> <span>Instagram</span> </a> <a href="https://play.google.com/store/apps/details?id=br.com.alura.mobi&hl=pt_BR" gtm-data='footer_primeira_secao_069' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Baixar na Google Play Store"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-mobile"> <use xlink:href="/svg,1750260031/footer#icon-footer-googleplay" /> </svg> <span>Google Play Store</span> </a> <a href="https://itunes.apple.com/br/app/alura-cursos-online/id1225776635" gtm-data='footer_primeira_secao_070' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="Baixar na AppStore"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-mobile"> <use xlink:href="/svg,1750260031/footer#icon-footer-appstore" /> </svg> <span>AppStore</span> </a> <a href="https://www.tiktok.com/@aluraonline?lang=pt-BR" gtm-data='footer_primeira_secao_071' class="footer-card-hotLinks-link" target="_blank" rel="noopener" title="TikTok da Alura"> <svg class="footer-card-hotLinks-icon footer-card-hotLinks-youtube"> <use xlink:href="/svg,1750260031/footer#icon-footer-tiktok" /> </svg> <span>TikTok</span> </a></div></div></div><div class="footer-navegue"><div class="navegue-column"><h2 class="footer-navegacao-titulo">Institucional</h2><ul class="footer-navegue-lista"><li class="footer-navegue-lista-link"><a href="/sobre" gtm-data='footer_primeira_secao_063'>Sobre nós</a></li><li class="footer-navegue-lista-link"><a href="https://alura-fiap-pm3.inhire.app/alura/vagas">Trabalhe na Alura</a></li><li class="footer-navegue-lista-link"><a href="https://www.alura.com.br/empresas">Para Empresas</a></li><li class="footer-navegue-lista-link"><a href="https://startalura.com.br/">Para Sua Escola</a></li><li class="footer-navegue-lista-link"><a href="/politica-de-privacidade" gtm-data='footer_primeira_secao_061'>Política de Privacidade</a></li><li class="footer-navegue-lista-link"><a href="/compromisso-de-integridade">Compromisso de Integridade</a></li><li class="footer-navegue-lista-link"><a href="/termos-de-uso" gtm-data='footer_primeira_secao_062'>Termos de Uso</a></li><li class="footer-navegue-lista-link"><a href="https://drive.google.com/open?id=10jsnllQrEddusKyqp9A2Q6Wg_HpQpC49&usp=drive_fs" target="_blank">Documentos Institucionais</a></li><li class="footer-navegue-lista-link"><a href="https://status.alura.com.br/">Status</a></li></ul><div class="grupo-alun"><p class="footer-powered-by">Uma empresa do grupo Alun</p> <a href="https://www.alun.com.br" target="_blank"> <img src="/assets/img/ecossistema/ecossistema-small.1750950197.svg" data-src="/assets/img/ecossistema/ecossistema-small.1750950197.svg" class="svg-convert logo-ecossistema" alt="Logo do grupo Alun" loading="lazy"> </a></div></div><div class="navegue-column"><h2 class="footer-navegacao-titulo">A Alura</h2><ul class="footer-navegue-lista"><li class="footer-navegue-lista-link"><a href="/como-funciona" gtm-data='footer_primeira_secao_064'>Como Funciona</a></li><li class="footer-navegue-lista-link"><a href="/formacoes" gtm-data='footer_primeira_secao_064'>Formações</a></li><li class="footer-navegue-lista-link"><a href="/cursos-online-tecnologia" gtm-data='footer_primeira_secao_054'>Plataforma</a></li><li class="footer-navegue-lista-link"><a href="/depoimentos" gtm-data="footer_primeira_secao_069">Depoimentos</a></li><li class="footer-navegue-lista-link"><a href="/instrutores" gtm-data="footer_primeira_secao_061">Instrutores(as)</a></li><li class="footer-navegue-lista-link"><a href="/dev-em-t" gtm-data='footer_primeira_secao_065'>Dev em <T></a></li><li class="footer-navegue-lista-link"><a href="/luri-inteligencia-artificial" gtm-data='footer_primeira_secao_065'>Luri, a inteligência artificial da Alura</a></li><li class="footer-navegue-lista-link"><a href="https://www.iaconferencebrasil.com.br/" target="_blank">IA Conference 2025</a></li><li class="footer-navegue-lista-link"><a href="https://carreira.alura.com.br/cursos-imersivos/home" target="_blank">Cursos imersivos</a></li><li class="footer-navegue-lista-link"><a href="https://carreira.alura.com.br/certificacoes/home" target="_blank">Certificações</a></li></ul></div><div class="navegue-column"><h2 class="footer-navegacao-titulo">Conteúdos</h2><ul class="footer-navegue-lista"><li class="footer-navegue-lista-link"><a href="/cases">Alura Cases</a></li><li class="footer-navegue-lista-link"><a href="/imersao" gtm-data="footer_primeira_secao_068">Imersões</a></li><li class="footer-navegue-lista-link"><a href="/artigos" gtm-data='footer_primeira_secao_058'>Artigos</a></li><li class="footer-navegue-lista-link"><a href="https://hipsters.network/">Podcasts</a></li><li class="footer-navegue-lista-link"><a href="/empresas/conteudos">Artigos de educação <br> corporativa</a></li><li class="footer-navegue-lista-link"> <a href="/imersao-agentes-ia-google"> Imersão Dev Agentes de IA Google </a></li></ul></div><div class="navegue-column"><h2 class="footer-navegacao-titulo">Fale Conosco</h2><ul class="footer-navegue-lista"><li class="footer-navegue-lista-link"><a href="https://www.alura.com.br/contato">Email e telefone</a></li><li class="footer-navegue-lista-link"><a href="https://suporte.alura.com.br/" gtm-data='footer_primeira_secao_066'>Perguntas frequentes</a></li></ul></div><div class="footer-column footer-column-cards"><div class="newsletter"><h2 class="newsletter-titulo">Novidades e Lançamentos</h2><div class="hubspot-form newsletter-form"> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js?pre=1"></script> <script>hbspt.forms.create({ region: "na1", portalId: "21748317", formId: "39a8f8bd-d48f-4f45-8ed4-d26366176d39" });</script> </div></div></div></div></div></footer><section class="footer_categorias-formacoes"><div class="container"><div class="footer_categorias_wrapper"><h2 class="footer_categorias_title">Cursos</h2><div class="footer_categorias_categorias footer-navegue-lista-link"><div class="footer_categorias_categoria"> <a href="/cursos-online-programacao">Cursos de Programação</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-programacao/logica"> Lógica </a> | <a href="/cursos-online-programacao/python"> Python </a> | <a href="/cursos-online-programacao/php"> PHP </a> | <a href="/cursos-online-programacao/java"> Java </a> | <a href="/cursos-online-programacao/dotnet"> .NET </a> | <a href="/cursos-online-programacao/node-js"> Node JS </a> | <a href="/cursos-online-programacao/linguagem-c"> C </a> | <a href="/cursos-online-programacao/computacao"> Computação </a> | <a href="/cursos-online-programacao/jogos"> Jogos </a> | <a href="/cursos-online-programacao/internet-das-coisas"> IoT </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-front-end">Cursos de Front-end</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-front-end/front-end"> HTML, CSS </a> | <a href="/cursos-online-front-end/reactjs"> React </a> | <a href="/cursos-online-front-end/angular"> Angular </a> | <a href="/cursos-online-front-end/javascript"> JavaScript </a> | <a href="/cursos-online-front-end/jquery"> jQuery </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-data-science">Cursos de Data Science</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-data-science/data-science"> Ciência de dados </a> | <a href="/cursos-online-data-science/business-intelligence"> BI </a> | <a href="/cursos-online-data-science/sql"> SQL e Banco de Dados </a> | <a href="/cursos-online-data-science/excel"> Excel </a> | <a href="/cursos-online-data-science/machine-learning"> Machine Learning </a> | <a href="/cursos-online-data-science/nosql"> NoSQL </a> | <a href="/cursos-online-data-science/estatistica"> Estatística </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-inteligencia-artificial">Cursos de Inteligência Artificial</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-inteligencia-artificial/ia-para-programacao"> IA para Programação </a> | <a href="/cursos-online-inteligencia-artificial/ia-para-dados"> IA para Dados </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-devops">Cursos de DevOps</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-devops/aws"> AWS </a> | <a href="/cursos-online-devops/azure"> Azure </a> | <a href="/cursos-online-devops/containers"> Docker </a> | <a href="/cursos-online-devops/seguranca"> Segurança </a> | <a href="/cursos-online-devops/infraestrutura-como-codigo"> IaC </a> | <a href="/cursos-online-devops/linux-comandos-e-processos"> Linux </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-design-ux">Cursos de UX & Design</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-design-ux/ux"> Usabilidade e UX </a> | <a href="/cursos-online-design-ux/video"> Vídeo e Motion </a> | <a href="/cursos-online-design-ux/3d"> 3D </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-mobile">Cursos de Mobile</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-mobile/flutter-mobile"> Flutter </a> | <a href="/cursos-online-mobile/ios"> iOS e Swift </a> | <a href="/cursos-online-mobile/android"> Android, Kotlin </a> | <a href="/cursos-online-mobile/jogos"> Jogos </a></div></div><div class="footer_categorias_categoria"> <a href="/cursos-online-inovacao-gestao">Cursos de Inovação & Gestão</a><div class="footer_categorias_subcategorias"> <a href="/cursos-online-inovacao-gestao/agilidade"> Métodos Ágeis </a> | <a href="/cursos-online-inovacao-gestao/softskills-carreira"> Softskills </a> | <a href="/cursos-online-inovacao-gestao/gestao-corporativa"> Liderança e Gestão </a> | <a href="/cursos-online-inovacao-gestao/startup-empreendedorismo"> Startups </a> | <a href="/cursos-online-inovacao-gestao/vendas"> Vendas </a></div></div></div></div><div class="footer_categorias_wrapper" style="margin-top:2em"><h2 class="footer_categorias_title">Cursos universitários FIAP</h2><div class="footer_categorias_categorias footer-navegue-lista-link"> <a target="_blank" href="https://www.fiap.com.br/graduacao/?utm_source=site-alura&utm_medium=referral&utm_campaign=BR_footer-site&utm_id=&utm_term=&utm_content=">Graduação</a> | <a target="_blank" href="https://postech.fiap.com.br?utm_source=site-alura&utm_medium=referral&utm_campaign=BR_footer-site&utm_id=&utm_term=&utm_content=">Pós-graduação</a> | <a target="_blank" href="https://www.fiap.com.br/mba?utm_source=site-alura&utm_medium=referral&utm_campaign=BR_footer-site&utm_id=&utm_term=&utm_content= ">MBA</a></div></div></div></section><style>@media not all and (min-width: 1024px) { .grupoCaelum { display: none; } } .grupoCaelum { background: #fff; height: 440px; border-top: 1px solid #EBEBEE; } .grupoCaelum .container { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 0; padding-bottom: 0; height: 100%; } .grupoCaelum-list { display: flex; list-style: none; width: 80%; justify-content: space-between; align-items: flex-start; margin-top: 1.25rem; } .grupoCaelum-title { width: 20%; } .grupoCaelum-column { display: inline-block; padding-left: 1.1875rem; width: 240px; height: 400px; min-width: 160px; } .grupoCaelum-column-title { font-size: 0.625rem; color: #d7e0e5; text-transform: uppercase; font-weight: 600; margin-bottom: 1.1875rem; } .grupoCaelum-column-list { list-style: none; } .column-item-title { font-size: 0.6875rem; text-align: center; vertical-align: middle; display: inline-block; margin-left: 0.375rem; } .grupoCaelum-column:not(:first-child) { border-left: solid 1px #e3e9ed; } .grupoCaelum-title { display: inline-block; text-decoration: none; color: #657176; letter-spacing: normal; font-size: 1.125rem; margin-top: 3.375rem; } .column-item-logo { width: 30px; height: 30px; vertical-align: middle; display: inline-block; } .column-item { margin-bottom: 1.0625rem; } .column-item a { text-decoration: none; color: #657176; display: flex; align-items: center; }</style><footer class="caelum-footer" id="caelum-footer"><div class="grupoCaelum"><div class="container"><p class="grupoCaelum-title">Alura</p><ul class="grupoCaelum-list"><li class="grupoCaelum-column"><p class="grupoCaelum-column-title">Educação em Tecnologia</p><ul class="grupoCaelum-column-list"><li class="column-item"> <a target="_blank" href="https://www.fiap.com.br/"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/fiap.1750260030.svg" alt="logo fiap" loading="lazy" /> <span class="column-item-title">FIAP</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.casadocodigo.com.br"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/cdc.1750260030.svg" alt="logo casa do codigo" loading="lazy" /> <span class="column-item-title">Casa do Código</span> </a></li><li class="column-item"> <a target="_blank" style="fill: #657176" href="https://www.pm3.com.br/"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/pm3.1750260030.svg" alt="logo pm3" loading="lazy" /> <span class="column-item-title">PM3 - Cursos de Produto</span> </a></li></ul></li><li class="grupoCaelum-column"><p class="grupoCaelum-column-title">Mais Alura</p><ul class="grupoCaelum-column-list"><li class="column-item"> <a target="_blank" href="https://www.startalura.com.br"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/startbyalura.1750260030.png" alt="logo alura start" loading="lazy" /> <span class="column-item-title">START BY Alura</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.aluralingua.com.br"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/aluralingua.1750260030.svg" alt="logo alura lingua" loading="lazy" /> <span class="column-item-title">Alura Língua</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.alura.com.br/empresas"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/alura-empresas.1750260030.svg" alt="logo alura para empresas" loading="lazy" /> <span class="column-item-title">Alura Para Empresas</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.aluracursos.com"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/alura.1750260030.svg" alt="logo alura latam" loading="lazy" /> <span class="column-item-title">Alura LATAM</span> </a></li></ul></li><li class="grupoCaelum-column"><p class="grupoCaelum-column-title">Comunidade</p><ul class="grupoCaelum-column-list"><li class="column-item"> <a target="_blank" href=" https://techguide.sh/ "> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/techguide.1750260030.svg" alt="logo tech guide" loading="lazy" /> <span class="column-item-title">Tech Guide</span> </a></li><li class="column-item"> <a target="_blank" href="https://7daysofcode.io/"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/7days.1750260030.svg" alt="logo 7 days of code"loading="lazy" /> <span class="column-item-title">7 days of code</span> </a></li><li class="column-item"> <a target="_blank" href="https://hipsters.jobs"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/hipstersjobs.1750260030.svg" alt="logo Hipsters ponto Jobs" loading="lazy" /> <span class="column-item-title">Hipsters ponto Jobs</span> </a></li></ul></li><li class="grupoCaelum-column"><p class="grupoCaelum-column-title">Podcasts</p><ul class="grupoCaelum-column-list"><li class="column-item"> <a target="_blank" href="https://hipsters.network/"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/hipsternetwork.1750260030.svg" alt="logo Hipster Network" loading="lazy" /> <span class="column-item-title">Hipster Network</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/hipsterstech"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/hipsterstech.1750260030.svg" alt="logo Hipsters ponto Tech" loading="lazy" /> <span class="column-item-title">Hipsters ponto Tech</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/devsemfronteiras"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/devsemfronteiras.1750260030.svg" alt="logo Dev sem fronteiras" loading="lazy" /> <span class="column-item-title">Dev sem Fronteiras</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/likeaboss"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/likeaboss.1750260030.svg" alt="logo Like a Boss" loading="lazy" /> <span class="column-item-title">Like a Boss</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/iasobcontrole"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/iasobcontrole.1750260030.svg" alt="logo IA Sob Controle" loading="lazy" /> <span class="column-item-title">IA Sob Controle</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/mesadeproduto"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/mesadeproduto.1750260030.svg" alt="logo Mesa de Produto" loading="lazy" /> <span class="column-item-title">Mesa de Produto</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/decode"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/decode.1750260030.svg" alt="logo Decode" loading="lazy" /> <span class="column-item-title">Decode</span> </a></li><li class="column-item"> <a target="_blank" href="https://www.hipsters.network/podcasts/fiapcast"> <img class="column-item-logo" src="https://www.alura.com.br/assets/img/caelumFooter/fiapcast.1750260030.svg" alt="logo FIAPCast" loading="lazy" /> <span class="column-item-title">FIAPCast</span> </a></li></ul></li></ul></div></div></footer> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/21748317.js"></script> <script>const carousel = document.querySelector(".carousel-container"); const slide = document.querySelector(".carousel-slide"); function handleCarouselMove(positive = true) { const slideWidth = slide.clientWidth; carousel.scrollLeft = positive ? carousel.scrollLeft + slideWidth : carousel.scrollLeft - slideWidth; }</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" async></script> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="/assets/js/lib/svg4everybody.min.1750260032.js" async></script> <script src="/assets/js/footer/footer.1750260032.js" defer></script> <script src="/assets/js/header/menuMobile.1750260032.js" defer></script> <script src="/assets/js/header/menu.1750260032.js" defer></script> <script src="/assets/js/header/busca.1750260032.js" defer></script> <script src="/assets/js/header/cursos.1750260032.js" defer></script> <script src="/assets/js/detect.1750260032.js" async></script> <script src="/assets/js/video.1750260032.js" defer></script> <script src="/assets/js/countdown.1750260032.js" async></script> <script src="/assets/js/header/cookie-influencer.1754346563.js" async></script> <script src="/assets/js/trackers.1750260032.js" async></script> <script src="/assets/js/courseIconFallback.1750260032.js" defer></script> <script src="/assets/js/linkBannerSupercupom.1750260032.js" defer></script> <script src="/assets/js/artigos/table-of-contents.1750260032.js" async></script> <script src="/assets/js/artigos/tracker-post-read.1752169495.js" async></script> <script src="/assets/js/artigos/tracker-click-banner-article.1750260032.js" async></script> <script src="https://static.codepen.io/assets/embed/ei.js" async></script> <script src="/assets/js/artigos/iframe-loader.1750260032.js" async></script> </body></html>