O que é HTML

O que é HTML

HTML, sigla para HyperText Markup Language, é a linguagem de marcação padrão utilizada para criar páginas web. É uma linguagem de programação fundamental para a criação de sites e é composta por uma série de elementos que definem a estrutura e o conteúdo de uma página web.

Elementos do HTML

Os elementos do HTML são tags que são utilizadas para estruturar o conteúdo de uma página web. Cada tag possui uma função específica e pode conter atributos que modificam seu comportamento. Alguns exemplos de elementos do HTML incluem

para parágrafos, para links e para imagens.

Como o HTML funciona

O HTML funciona através da interpretação do navegador, que lê o código HTML de uma página web e o renderiza para que o usuário possa visualizá-lo. O navegador interpreta as tags do HTML e exibe o conteúdo de acordo com a estrutura definida pelo desenvolvedor.

Importância do HTML para o Marketing Digital

No contexto do Marketing Digital, o HTML desempenha um papel fundamental na criação de sites otimizados para SEO. Ao utilizar corretamente as tags do HTML, os desenvolvedores podem melhorar a indexação do site nos motores de busca e aumentar a visibilidade online da empresa.

Principais tags do HTML para SEO

Algumas das principais tags do HTML para SEO incluem a tag , que define o título da página exibido nos resultados de busca, a tag , que descreve o conteúdo da página, e as tags de cabeçalho </p> <h1> a </p> <h6>, que definem a hierarquia de títulos na página.</p> <h2>HTML5 e suas melhorias</h2> <p>O HTML5 é a versão mais recente do HTML e traz diversas melhorias em relação às versões anteriores. Ele introduz novos elementos, como <video> e <audio>, que facilitam a incorporação de mídia na página, e oferece suporte a recursos avançados, como geolocalização e armazenamento offline.</p> <h2>Frameworks e bibliotecas de HTML</h2> <p>Além do HTML puro, os desenvolvedores também podem utilizar frameworks e bibliotecas de HTML, como Bootstrap e Foundation, que oferecem componentes prontos e estilos pré-definidos para acelerar o processo de desenvolvimento de sites responsivos e visualmente atraentes.</p> <h2>Considerações finais</h2> <p>O HTML é uma linguagem essencial para o desenvolvimento web e desempenha um papel crucial no Marketing Digital. Dominar o HTML e suas melhores práticas é fundamental para criar sites bem estruturados, otimizados para SEO e que proporcionem uma ótima experiência ao usuário.</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-b35a0db e-flex e-con-boxed e-con e-parent" data-id="b35a0db" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6d4eabb e-flex e-con-boxed e-con e-child" data-id="6d4eabb" data-element_type="container" data-settings="{"background_background":"gradient"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-f8ff764 elementor-author-box--layout-image-left elementor-author-box--align-left elementor-author-box--image-valign-top elementor-widget elementor-widget-author-box" data-id="f8ff764" data-element_type="widget" data-widget_type="author-box.default"> <div class="elementor-widget-container"> <div class="elementor-author-box"> <a href="https://wladimirjunior.com/quem-sou-eu/" class="elementor-author-box__avatar"> <img src="https://wladimirjunior.com/wp-content/uploads/2024/05/consultor-seo-wladimir-junior-300x296.webp" alt="Wladimir Junior" loading="lazy"> </a> <div class="elementor-author-box__text"> <a href="https://wladimirjunior.com/quem-sou-eu/"> <span class="elementor-author-box__name"> Wladimir Junior </span> </a> <div class="elementor-author-box__bio"> <p>Wladimir Junior é profissional de marketing e atua como <strong><a href="https://wladimirjunior.com/consultor-seo">Consultor SEO</a></strong>, dedicado a ajudar empresas a alcançar visibilidade online. Com 7 anos de atuação em São Paulo, Paraná, Ceará, Distrito Federal e Piauí, desenvolve e otimiza sites através de conteúdos estratégicos focados na geração de leads para empresas locais e multinacionais no mercado digital. Possui certificações do google e continua aprendendo SEO diariamente.</p> </div> <a class="elementor-author-box__button elementor-button elementor-size-xs" href="https://www.linkedin.com/in/wladimirjuniorr/"> Meu Linkedin </a> </div> </div> </div> </div> </div> </div> </div> </div> <section class="elementor-section elementor-top-section elementor-element elementor-element-e6fdb75 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e6fdb75" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1233be9" data-id="1233be9" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-082ba13 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="082ba13" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8dc073a" data-id="8dc073a" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-21dd5f0 elementor-widget elementor-widget-heading" data-id="21dd5f0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Conheça meus serviços</h3> </div> </div> <div class="elementor-element elementor-element-22c620d elementor-widget elementor-widget-text-editor" data-id="22c620d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Conte com minhas habilidades para os serviços que ofereço como: <a href="https://wladimirjunior.com/consultor-seo/">Consultor SEO</a>, <a href="https://wladimirjunior.com/criacao-de-sites/">Criação de sites</a> e <a href="https://wladimirjunior.com/seo-local/">SEO Local</a>.</p> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <div class="elementor-element elementor-element-d728d2e e-flex e-con-boxed e-con e-parent" data-id="d728d2e" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-e62c275 e-con-full e-flex e-con e-child" data-id="e62c275" data-element_type="container"> <div class="elementor-element elementor-element-6f3506b elementor-align-left elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6f3506b" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://wladimirjunior.com/criacao-de-sites/tatuape/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-map-marker-alt" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg> </span> <span class="elementor-icon-list-text">Tatuapé SP</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://wladimirjunior.com/agencia-digital-curitiba/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-map-marker-alt" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg> </span> <span class="elementor-icon-list-text">Curitiba PR</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://wladimirjunior.com/agencia-digital-teresina/"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fas-map-marker-alt" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg> </span> <span class="elementor-icon-list-text">Teresina PI</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-1a32e32 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="1a32e32" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-525e6f1" href="https://www.linkedin.com/in/wladimirjuniorr/" target="_blank" rel="nofollow"> <span class="elementor-screen-only">Linkedin</span> <svg class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-fb01fe9" href="https://instagram.com/wladimirseo" target="_blank" rel="nofollow"> <span class="elementor-screen-only">Instagram</span> <svg class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> </span> </div> </div> </div> <div class="elementor-element elementor-element-d06a694 elementor-widget elementor-widget-text-editor" data-id="d06a694" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Criador da SEO Marketing, Wladimir Junior é consultor de SEO com mais de 7 anos de experiência, dedicados em atender pequenas e médias empresas.</p> </div> </div> <div class="elementor-element elementor-element-7e56cf6 elementor-widget elementor-widget-image" data-id="7e56cf6" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="768" height="117" src="https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2-768x117.png" class="attachment-medium_large size-medium_large wp-image-2872" alt="" srcset="https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2-768x117.png 768w, https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2-600x91.png 600w, https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2-300x46.png 300w, https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2-1024x155.png 1024w, https://wladimirjunior.com/wp-content/uploads/2024/05/logo-wladimir2.png 1318w" sizes="(max-width: 768px) 100vw, 768px" /> </div> </div> </div> <div class="elementor-element elementor-element-88d1364 e-flex e-con-boxed e-con e-child" data-id="88d1364" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-8f1112f elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="8f1112f" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/consultor-seo/"> <span class="elementor-icon-list-text">Consultor SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/auditoria-de-seo/"> <span class="elementor-icon-list-text">Auditoria SEO</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/seo-local/"> <span class="elementor-icon-list-text">SEO Local</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/criacao-de-sites/"> <span class="elementor-icon-list-text">Criação de Sites</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/marketing-de-conteudo/"> <span class="elementor-icon-list-text">Marketing de Conteúdo</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-debfcdb elementor-widget elementor-widget-heading" data-id="debfcdb" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default"><a href="https://wladimirjunior.com/servicos-de-marketing-digital/">Serviços</a></h3> </div> </div> </div> </div> <div class="elementor-element elementor-element-46b81c2 e-flex e-con-boxed e-con e-child" data-id="46b81c2" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-eb9ebce elementor-widget elementor-widget-heading" data-id="eb9ebce" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Links úteis</p> </div> </div> <div class="elementor-element elementor-element-3020f33 elementor-align-left elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3020f33" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/contato/" target="_blank" rel="nofollow"> <span class="elementor-icon-list-text">Contato</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/glossario-marketing/" target="_blank"> <span class="elementor-icon-list-text">Glossário</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/loja/" target="_blank"> <span class="elementor-icon-list-text">Sites para vender</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://wladimirjunior.com/calculadoras/" target="_blank"> <span class="elementor-icon-list-text">Calculadora</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <script type="rocketlazyloadscript">document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script> <div data-elementor-type="popup" data-elementor-id="2809" class="elementor elementor-2809 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-e774a73 e-flex e-con-boxed e-con e-parent" data-id="e774a73" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-2d42bcc elementor-widget elementor-widget-heading" data-id="2d42bcc" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <p class="elementor-heading-title elementor-size-default">Preencha o formulário abaixo e receba uma proposta!</p> </div> </div> </div> </div> <div class="elementor-element elementor-element-150eb03 e-flex e-con-boxed e-con e-parent" data-id="150eb03" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-d4e270c elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="d4e270c" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="Formulario Pagina de contato" novalidate=""> <input type="hidden" name="post_id" value="2809"/> <input type="hidden" name="form_id" value="d4e270c"/> <input type="hidden" name="referer_title" value="▷O que é HTML?" /> <input type="hidden" name="queried_id" value="4513"/> <div class="elementor-form-fields-wrapper elementor-labels-above"> <div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required"> <label for="form-field-name" class="elementor-field-label"> Nome </label> <input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Seu nome" required="required" aria-required="true"> </div> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required elementor-mark-required"> <label for="form-field-email" class="elementor-field-label"> E-mail corporativo </label> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Seu melhor e-mail" required="required" aria-required="true"> </div> <div class="elementor-field-type-url elementor-field-group elementor-column elementor-field-group-field_02c79c4 elementor-col-100"> <label for="form-field-field_02c79c4" class="elementor-field-label"> Link do seu site (caso tenha um) </label> <input size="1" type="url" name="form_fields[field_02c79c4]" id="form-field-field_02c79c4" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="adicione a URL do seu site"> </div> <div class="elementor-field-type-checkbox elementor-field-group elementor-column elementor-field-group-field_9729f18 elementor-col-100"> <label for="form-field-field_9729f18" class="elementor-field-label"> Qual serviço deseja tratar? </label> <div class="elementor-field-subgroup elementor-subgroup-inline"><span class="elementor-field-option"><input type="checkbox" value="Otimização (SEO)" id="form-field-field_9729f18-0" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-0">Otimização (SEO)</label></span><span class="elementor-field-option"><input type="checkbox" value="Web design (Criação de Sites)" id="form-field-field_9729f18-1" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-1">Web design (Criação de Sites)</label></span><span class="elementor-field-option"><input type="checkbox" value="Migração de Sites" id="form-field-field_9729f18-2" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-2">Migração de Sites</label></span><span class="elementor-field-option"><input type="checkbox" value="Marketing de Conteúdo" id="form-field-field_9729f18-3" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-3">Marketing de Conteúdo</label></span><span class="elementor-field-option"><input type="checkbox" value="Otimização da taxa de conversão (CRO)" id="form-field-field_9729f18-4" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-4">Otimização da taxa de conversão (CRO)</label></span><span class="elementor-field-option"><input type="checkbox" value="Marketing em mecanismos de Pesquisa" id="form-field-field_9729f18-5" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-5">Marketing em mecanismos de Pesquisa</label></span><span class="elementor-field-option"><input type="checkbox" value="Aluguel de sites" id="form-field-field_9729f18-6" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-6">Aluguel de sites</label></span><span class="elementor-field-option"><input type="checkbox" value="Outros serviços" id="form-field-field_9729f18-7" name="form_fields[field_9729f18][]"> <label for="form-field-field_9729f18-7">Outros serviços</label></span></div> </div> <div class="elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_24ea895 elementor-col-100 elementor-field-required elementor-mark-required"> <label for="form-field-field_24ea895" class="elementor-field-label"> Qual valor mensal você dispõe para aumentar a visibilidade da sua Empresa </label> <div class="elementor-field elementor-select-wrapper remove-before "> <div class="select-caret-down-wrapper"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-caret-down" viewBox="0 0 571.4 571.4" xmlns="http://www.w3.org/2000/svg"><path d="M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z"></path></svg> </div> <select name="form_fields[field_24ea895]" id="form-field-field_24ea895" class="elementor-field-textual elementor-size-sm" required="required" aria-required="true"> <option value="Selecione uma opção:">Selecione uma opção:</option> <option value="Até R$ 2.000,00">Até R$ 2.000,00</option> <option value="Entre R$ 2.000,00 e R$ 5.000,00 ">Entre R$ 2.000,00 e R$ 5.000,00 </option> <option value="Entre R$ 6.000,00 a R$ 10.000,00 ">Entre R$ 6.000,00 a R$ 10.000,00 </option> <option value="Acima de R$ 10.000,00 ">Acima de R$ 10.000,00 </option> </select> </div> </div> <div class="elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_6f2b2e2 elementor-col-100 elementor-field-required elementor-mark-required"> <label for="form-field-field_6f2b2e2" class="elementor-field-label"> Quantos colaboradores sua empresa tem? </label> <div class="elementor-field elementor-select-wrapper remove-before "> <div class="select-caret-down-wrapper"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-caret-down" viewBox="0 0 571.4 571.4" xmlns="http://www.w3.org/2000/svg"><path d="M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z"></path></svg> </div> <select name="form_fields[field_6f2b2e2]" id="form-field-field_6f2b2e2" class="elementor-field-textual elementor-size-sm" required="required" aria-required="true"> <option value="Selecione uma opção">Selecione uma opção</option> <option value="Apenas Eu">Apenas Eu</option> <option value="De 2 à 10">De 2 à 10</option> <option value="De 11 à 50">De 11 à 50</option> <option value="De 51 à 100">De 51 à 100</option> <option value="De 101 à 250">De 101 à 250</option> <option value="De 250 à 500">De 250 à 500</option> <option value="Acima de 500">Acima de 500</option> </select> </div> </div> <div class="elementor-field-type-select elementor-field-group elementor-column elementor-field-group-field_58a08b7 elementor-col-100 elementor-field-required elementor-mark-required"> <label for="form-field-field_58a08b7" class="elementor-field-label"> Qual é a vertical do seu negócio? </label> <div class="elementor-field elementor-select-wrapper remove-before "> <div class="select-caret-down-wrapper"> <svg aria-hidden="true" class="e-font-icon-svg e-eicon-caret-down" viewBox="0 0 571.4 571.4" xmlns="http://www.w3.org/2000/svg"><path d="M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z"></path></svg> </div> <select name="form_fields[field_58a08b7]" id="form-field-field_58a08b7" class="elementor-field-textual elementor-size-sm" required="required" aria-required="true"> <option value="Selecione uma opção">Selecione uma opção</option> <option value="Educação">Educação</option> <option value="Tecnologia">Tecnologia</option> <option value="Saúde">Saúde</option> <option value="Turismo">Turismo</option> <option value="Financeiro">Financeiro</option> <option value="E-commerce">E-commerce</option> <option value="Construção Civil">Construção Civil</option> <option value="Consultoria">Consultoria</option> <option value="Serviços">Serviços</option> <option value="Indústria">Indústria</option> <option value="Franquia">Franquia</option> <option value="Agropecuária">Agropecuária</option> <option value="Terceiro Setor">Terceiro Setor</option> <option value="Outros">Outros</option> </select> </div> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button type="submit" class="elementor-button elementor-size-sm elementor-animation-grow"> <span > <span class="elementor-align-icon-right elementor-button-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-whatsapp" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> </span> <span class="elementor-button-text">SOLICITAR PROPOSTA</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> </div> <script type="rocketlazyloadscript" data-rocket-type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script type="rocketlazyloadscript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://wladimirjunior.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-9.3.3' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='e-animation-grow-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='widget-social-icons-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='e-apple-webkit-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/css/conditionals/apple-webkit.min.css?ver=3.24.5' media='all' /> <link rel='stylesheet' id='elementor-post-2809-css' href='https://wladimirjunior.com/wp-content/uploads/elementor/css/post-2809.css?ver=1721116543' media='all' /> <link rel='stylesheet' id='e-animations-css' href='https://wladimirjunior.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.24.5' media='all' /> <script id="ninja-web-stories-admin-scripts-js-extra"> var ninjaWebStoriesAjax = {"ajaxurl":"https:\/\/wladimirjunior.com\/wp-admin\/admin-ajax.php"}; </script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://wladimirjunior.com/wp-content/cache/min/1/wp-content/plugins/ninja-web-stories/assets/js/js.js?ver=1727745960" id="ninja-web-stories-admin-scripts-js"></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://wladimirjunior.com/wp-content/cache/min/1/wp-content/plugins/form-masks-for-elementor/assets/lib/jquery.mask.js?ver=1727745960" id="fme-jquery-mask-js"></script> <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://wladimirjunior.com/wp-content/cache/min/1/wp-content/plugins/form-masks-for-elementor/assets/js/elementor-mask.js?ver=1727745960" id="fme-mask-js"></script> <script id="kadence-navigation-js-extra"> var kadenceConfig = {"screenReader":{"expand":"Menu filho","expandOf":"Meno filho do","collapse":"Menu filho","collapseOf":"Meno filho do"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"}; </script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.2.9" id="kadence-navigation-js" async></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=9.3.3" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000000818030539140313095458623138256371021270751953125e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/wladimirjunior.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; </script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=9.3.3" id="wc-order-attribution-js"></script> <script id="eael-general-js-extra"> var localize = {"ajaxurl":"https:\/\/wladimirjunior.com\/wp-admin\/admin-ajax.php","nonce":"b6ceaad0fb","i18n":{"added":"Adicionado ","compare":"Comparar","loading":"Carregando..."},"eael_translate_text":{"required_text":"\u00e9 um campo obrigat\u00f3rio","invalid_text":"Inv\u00e1lido","billing_text":"Faturamento","shipping_text":"Envio","fg_mfp_counter_text":"de"},"page_permalink":"https:\/\/wladimirjunior.com\/glossario\/o-que-e-html\/","cart_redirectition":"no","cart_page_url":"https:\/\/wladimirjunior.com\/carrinho\/","el_breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}; </script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.0.6" id="eael-general-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.19.2" id="elementor-pro-webpack-runtime-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.24.5" id="elementor-webpack-runtime-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.24.5" id="elementor-frontend-modules-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="rocketlazyloadscript" id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script type="rocketlazyloadscript" id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/wladimirjunior.com\/wp-admin\/admin-ajax.php","nonce":"d812815863","urls":{"assets":"https:\/\/wladimirjunior.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/wladimirjunior.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"woocommerce":{"menu_cart":{"cart_page_url":"https:\/\/wladimirjunior.com\/carrinho\/","checkout_page_url":"https:\/\/wladimirjunior.com\/finalizar-compra\/","fragments_nonce":"cd10c0ac8f"}},"facebook_sdk":{"lang":"pt_BR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/wladimirjunior.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.19.2" id="elementor-pro-frontend-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="rocketlazyloadscript" id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselWrapperAriaLabel":"Carrossel | Rolagem horizontal: Setas para esquerda e direita","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Dispositivos m\u00f3veis no modo retrato","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Dispositivos m\u00f3veis no modo paisagem","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet no modo retrato","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet no modo paisagem","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.24.5","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"link-in-bio":true,"floating-buttons":true,"page-transitions":true,"notes":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/wladimirjunior.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/wladimirjunior.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/wladimirjunior.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"47a52ef322"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","woocommerce_notices_elements":[]},"post":{"id":4513,"title":"%E2%96%B7O%20que%20%C3%A9%20HTML%3F","excerpt":"","featuredImage":false}}; </script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.24.5" id="elementor-frontend-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor-pro/assets/js/preloaded-elements-handlers.min.js?ver=3.19.2" id="pro-preloaded-elements-handlers-js"></script> <script type="rocketlazyloadscript" data-rocket-src="https://wladimirjunior.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.19.2" id="e-sticky-js"></script> <script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->