5. Tags de Lista

As tags de lista são utilizadas para criar listas ordenadas e não ordenadas em uma página web. Elas são representadas pelas tags

e
, respectivamente. As tags de lista são importantes para a organização do conteúdo e também podem ser utilizadas para criar listas aninhadas, ou seja, listas dentro de outras listas.

6. Tags de Tabela

As tags de tabela são utilizadas para criar tabelas em uma página web. Elas são representadas pela tag

e possuem tags filhas como
(linha da tabela),

(cabeçalho da tabela) e Glossário Ninja: Tráfego que Vende Convertendo visitantes em clientes com SEO eficaz. Descubra com o Glossário Ninja! Saiba mais aqui

(célula da tabela). As tags de tabela são importantes para a organização de dados tabulares e também podem ser utilizadas para criar tabelas responsivas. 7. Tags de Formulário As tags de formulário são utilizadas para criar formulários interativos em uma página web. Elas são representadas pela tag e possuem tags filhas como , e , que são utilizadas para criar campos de entrada de dados, seleção de opções e áreas de texto, respectivamente. As tags de formulário são importantes para a interação do usuário com a página.</p> <p><h3>8. Tags de Estilo</h3> </p> <p>As tags de estilo são utilizadas para definir o estilo e a formatação de elementos em uma página web. Elas são representadas pela tag e podem ser utilizadas para definir estilos inline, estilos internos e estilos externos. Além disso, as tags de estilo também podem ser utilizadas para importar arquivos de estilo externos, como arquivos CSS.</p> <p><h3>Conclusão</h3> </p> <p>As tags desempenham um papel fundamental na estruturação e organização de conteúdos na internet. Elas permitem que os motores de busca e os navegadores interpretem e exibam o conteúdo de forma adequada, além de contribuírem para a otimização de SEO. Portanto, é essencial conhecer e utilizar corretamente as diferentes tags disponíveis no desenvolvimento de páginas web.</p> <div class="ath-single-tags mt-7 mb-2"> <!-- TAGS --> <!-- FIM TAGS --> </div> </div> <!-- Fim do artigo --> </div> </div> <div class="row"> <div class="col-md-12"> <section class="ath-section ath-home-articles padding-top-80 mb-0 pb-0"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="ath-navigation tabs margin-bottom-20"> <nav> <div class="trail"> <a id="artigos-relacionados" href="#artigos-relacionados" class="rpp has-ripple active default-color">Artigos Relacionados</a> </div> </nav> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="ath-showcase col-4"> <div class="trail ath-pagination-content"> <div class="ath-pagination-content-page " data-page="1"> <article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/temas-wordpress-gratuitos/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/temas-wordpress-gratuitos/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/temas-wordpress-gratuitos/" title="Descubra os Melhores Temas WordPress Gratuitos para Seu Site">Descubra os Melhores Temas WordPress Gratuitos para Seu Site</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/seo-para-wordpress-2/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/seo-para-wordpress-2/">SEO</a></span> <h4><a href="https://blog.escolaninjawp.com.br/seo-para-wordpress-2/" title="SEO para WordPress: Aumente sua Visibilidade Online">SEO para WordPress: Aumente sua Visibilidade Online</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/criacao-de-sites-profissionais/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/criacao-de-sites-profissionais/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/criacao-de-sites-profissionais/" title="Criação de Sites Profissionais: Transforme sua Presença Online">Criação de Sites Profissionais: Transforme sua Presença Online</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/melhores-plugins-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/melhores-plugins-wordpress/">Plugins</a></span> <h4><a href="https://blog.escolaninjawp.com.br/melhores-plugins-wordpress/" title="Descubra os Melhores Plugins WordPress para Potencializar seu Site">Descubra os Melhores Plugins WordPress para Potencializar seu Site</a></h4> </article> </div> <div class="ath-pagination-content-page hidden" data-page="2"> <article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/como-usar-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/como-usar-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/como-usar-wordpress/" title="Como usar WordPress: Guia Completo para Iniciantes">Como usar WordPress: Guia Completo para Iniciantes</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/hospedagem-para-wordpress-2/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/hospedagem-para-wordpress-2/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/hospedagem-para-wordpress-2/" title="Descubra a Melhor Hospedagem para WordPress para Seu Negócio">Descubra a Melhor Hospedagem para WordPress para Seu Negócio</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/gestao-e-commerce-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/gestao-e-commerce-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/gestao-e-commerce-wordpress/" title="Gestão de E-commerce no WordPress: O Guia Completo para Empreendedores">Gestão de E-commerce no WordPress: O Guia Completo para Empreendedores</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/dicas-marketing-digital-sites-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/dicas-marketing-digital-sites-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/dicas-marketing-digital-sites-wordpress/" title="Dicas de marketing digital para sites WordPress que funcionam">Dicas de marketing digital para sites WordPress que funcionam</a></h4> </article> </div> <div class="ath-pagination-content-page hidden" data-page="3"> <article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/otimizacao-seo-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/otimizacao-seo-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/otimizacao-seo-wordpress/" title="Como Fazer a Otimização SEO no WordPress e Aumentar Seu Tráfego">Como Fazer a Otimização SEO no WordPress e Aumentar Seu Tráfego</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/temas-gratuitos-para-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/temas-gratuitos-para-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/temas-gratuitos-para-wordpress/" title="Descubra os Melhores Temas Gratuitos para WordPress">Descubra os Melhores Temas Gratuitos para WordPress</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/melhores-plugins-para-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/melhores-plugins-para-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/melhores-plugins-para-wordpress/" title="Descubra os Melhores Plugins para WordPress e Transforme Seu Site">Descubra os Melhores Plugins para WordPress e Transforme Seu Site</a></h4> </article><article class="ath-card simple thumb-full"> <a href="https://blog.escolaninjawp.com.br/como-criar-um-site-no-wordpress/"> <div class="wrapper no-thumb " style="background-color: #b5bfc9 !important;"> </div> </a> <span><a href="https://blog.escolaninjawp.com.br/como-criar-um-site-no-wordpress/">Uncategorized</a></span> <h4><a href="https://blog.escolaninjawp.com.br/como-criar-um-site-no-wordpress/" title="Como Criar um Site no WordPress: Guia Completo para Iniciantes">Como Criar um Site no WordPress: Guia Completo para Iniciantes</a></h4> </article> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-4 col-md-offset-4"> <nav class="ath-navigation default circle center margin-top-40 hidden-xs ath-pagination-links"> <a href="#" class="pagination-link active"><span style="">1</span></a> <a href="#" class="pagination-link"><span style="">2</span></a> <a href="#" class="pagination-link"><span style="">3</span></a> </nav> </div> </div> </div> </section> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-9 col-sm-10 col-centered mt-7"> </div> </div> </div> </main> <section class="ath-section ath-home-cta ath-cta-footer push bottom top medium gray "> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3 "> <div class="ath-cta vertical center "> <h3 class="lh-35 lh-33-xs">Entre para nossa lista e receba conteúdos exclusivos e com prioridade</h3> <p class="ath-font-primary font-19 font-16-xs">Junte-se a mais de 1000 pessoas</p> <div class="ghost mb-3"></div> <form id="ath-cta-capture-footer" class="ath-capture" method="post" data-service="12" enctype="multipart/form-data"><div class="return-message hidden" data-error="Opa, não foi possível você se inscrever neste momento." data-success="Parabéns, você foi inscrito com sucesso!"><div class=""></div></div><input type="hidden" name="capture-service" value="12"/><input type="hidden" name="webhook" value="https://blog.escolaninjawp.com.br/wp-json/ninja/v1/webhook-atenas"> <div class="ui form mt-4"> <div class="two fields"> <div class="field mt-2"> <input type="email" name="email" placeholder="Seu email" data-validation="required"> <input name="lastname" type="text" value="" class="ath-honeyfield" /> </div> <div class="field mt-2"> <button class="ui button submit full-width">Enviar</button> </div> </div> </div></form><script type="text/javascript">jQuery(document).ready(function(){theme_capture("#ath-cta-capture-footer","name","email");});</script> </div> </div> </div> </div> </section> <div class="ath-share floated color bg left "> <nav> <a href="#" class="bg facebook" data-url="https://blog.escolaninjawp.com.br/glossario/o-que-e-tags-2/" data-target="facebook"> <i class="icon facebook square"></i> </a> <a href="#" class="bg twitter" data-url="https://blog.escolaninjawp.com.br/glossario/o-que-e-tags-2/" data-target="twitter"> <i class="icon twitter"></i> </a> <a href="#" class="bg linkedin" data-url="https://blog.escolaninjawp.com.br/glossario/o-que-e-tags-2/" data-target="linkedin"> <i class="icon linkedin"></i> </a> <a href="#" class="bg whatsapp" data-target="self" data-url="whatsapp://send?text=Gostei muito dessa página e resolvi compartilhar contigo :) https://blog.escolaninjawp.com.br/glossario/o-que-e-tags-2/ - Blog Escola Ninja WP" data-target="self"> <i class="icon whatsapp"></i> </a> </nav> </div> <footer class="ath-footer default padding-bottom-80 mt-4"> <div class="container"> <div class="row"> <div class="col-md-12"> <figure></figure> </div> </div> <div class="row"> <div class="col-md-12 my-4"> <p>Todos os direitos reservados.</p> </div> </div> <div class="row"> <div class="col-md-4 col-md-offset-4"> <div class="social pt-3 pb-5"> <div class="ath-social-links "> </div> </div> </div> </div> </div> </footer> <a href='#' id='ninja_rank_teste_ajax'>Clique aqui para testar o AJAX</a> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { // Capturar o referer var referrer = document.referrer; var source = 'direct'; // Padrão para "direto" se não houver referer // Função para extrair o domínio da URL function getDomain(url) { url = url.replace(/(https?:\/\/)?(www.)?/i, ''); // Remove protocolo e "www" return url.split('/')[0]; // Retorna apenas o domínio } // Verifica se o referer existe e não é uma URL interna if (referrer && referrer.indexOf(window.location.hostname) === -1) { source = getDomain(referrer); // Extrai o domínio de origem } // Verifica se o cookie já existe, para evitar sobrescrever if (!document.cookie.includes('ninja_rank_origem_trafego')) { // Define o cookie com validade de 30 dias var dataExpiracao = new Date(); dataExpiracao.setTime(dataExpiracao.getTime() + (30 * 24 * 60 * 60 * 1000)); // 30 dias var expires = "expires=" + dataExpiracao.toUTCString(); document.cookie = "ninja_rank_origem_trafego=" + encodeURIComponent(source) + "; " + expires + "; path=/"; } }); </script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function () { // Capturar o referer var referrer = document.referrer; var source = 'direct'; // Padrão para "direto" se não houver referer // Função para extrair o domínio da URL function getDomain(url) { url = url.replace(/(https?:\/\/)?(www.)?/i, ''); // Remove protocolo e "www" return url.split('/')[0]; // Retorna apenas o domínio } // Verifica se o referer existe e não é uma URL interna if (referrer && referrer.indexOf(window.location.hostname) === -1) { source = getDomain(referrer); // Extrai o domínio de origem } // Verifica se o cookie já existe, para evitar sobrescrever if (!document.cookie.includes('origem_trafego')) { // Define o cookie com validade de 30 dias var dataExpiracao = new Date(); dataExpiracao.setTime(dataExpiracao.getTime() + (30 * 24 * 60 * 60 * 1000)); // 30 dias var expires = "expires=" + dataExpiracao.toUTCString(); document.cookie = "origem_trafego=" + encodeURIComponent(source) + "; " + expires + "; path=/"; } }); </script> <script type="text/javascript" id="wpil-frontend-script-js-extra"> /* <![CDATA[ */ var wpilFrontend = {"ajaxUrl":"\/wp-admin\/admin-ajax.php","postId":"80337","postType":"post","openInternalInNewTab":"0","openExternalInNewTab":"0","disableClicks":"0","openLinksWithJS":"0","trackAllElementClicks":"0","clicksI18n":{"imageNoText":"Image in link: No Text","imageText":"Image Title: ","noText":"No Anchor Text Found"}}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.escolaninjawp.com.br/wp-content/plugins/link-whisper-premium/js/frontend.js?ver=1652786651" id="wpil-frontend-script-js"></script> <script type="text/javascript" id="ninja-whatsapp-widget-js-js-extra"> /* <![CDATA[ */ var whatsappWidgetData = {"photo":{"errors":{"fallback_image_missing":["A imagem de fallback est\u00e1 ausente."]},"error_data":[]},"name":"Atendente","atendente_id":null,"config":{"bg_cor_widget":"#ec1392","cor_texto_cabecalho":"#25d366","txt_widget_chat_btn":"#ffffff","txt_widget_chat_msg":"#ffffff"},"status":"Ausente agora","project_info":[],"widget_id":null,"fluxo_id":null,"widget_activated":"","messages":{"msg_widget_inicial":["Ol\u00e1! Como posso te ajudar?","Estamos aqui para ajudar!"],"msg_widget_solicitar_nome":["Qual \u00e9 o seu nome?","Poderia me dizer o seu nome?"],"msg_widget_solicitar_email":["Por favor, informe seu email."],"msg_widget_solicitar_telefone":["Qual \u00e9 o seu telefone?","Informe seu n\u00famero com DDD."],"msg_widget_agradecimento":["Obrigado pelo contato!","Agradecemos o seu interesse!"],"msg_widget_abordagem":["Como posso ajudar?","Em que posso ser \u00fatil?"],"msg_widget_send_whatsapp":["Deseja receber uma mensagem no WhatsApp?"],"msg_widget_selecione_pais":["Por favor, selecione o pa\u00eds de onde voc\u00ea est\u00e1 falando."],"msg_widget_sim":["Sim"],"msg_widget_nao":["N\u00e3o"],"msg_widget_reside_brasil":["Voc\u00ea reside no Brasil?"],"msg_widget_informe_telefone":["Ah, sim! Voc\u00ea est\u00e1 falando do Brasil. Por favor, informe seu n\u00famero de telefone com DDD."],"msg_widget_somente_numeros":["\ud83d\ude15 Por favor, insira apenas n\u00fameros."],"msg_widget_informe_telefone_pais":["Voc\u00ea est\u00e1 falando de {userCountry}. Informe seu n\u00famero de telefone."],"msg_widget_conversa_encerrada":["Conversa Encerrada"],"msg_widget_digite_numeros":["Digite apenas n\u00fameros"],"msg_widget_email_invalido":["\ud83d\ude15 Desculpe, n\u00e3o entendi o seu email. Certifique-se de incluir '@'."]},"fallbackMessage":"Estamos prontos para te atender!","ajax_url":"https:\/\/blog.escolaninjawp.com.br\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.escolaninjawp.com.br/wp-content/plugins/ninja-rank-plugin-integrador/js/chat-widget.js?ver=1732203255" id="ninja-whatsapp-widget-js-js"></script> <script type="text/javascript" id="dlm-xhr-js-extra"> /* <![CDATA[ */ var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download n\u00e3o existe.","no_file_path":"No file path defined.","no_file_paths":"N\u00e3o h\u00e1 caminhos de arquivo definidos.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"Arquivo n\u00e3o encontrado."}; /* ]]> */ </script> <script type="text/javascript" id="dlm-xhr-js-before"> /* <![CDATA[ */ const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/blog.escolaninjawp.com.br\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://blog.escolaninjawp.com.br/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://blog.escolaninjawp.com.br/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1" /* ]]> */ </script> <script type="text/javascript" src="https://blog.escolaninjawp.com.br/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js?ver=5.0.14" id="dlm-xhr-js"></script> <script type="text/javascript" id="dlm-xhr-js-after"> /* <![CDATA[ */ document.addEventListener("dlm-xhr-modal-data", function(event) { if ("undefined" !== typeof event.detail.headers["x-dlm-tc-required"]) { event.detail.data["action"] = "dlm_terms_conditions_modal"; event.detail.data["dlm_modal_response"] = "true"; }}); document.addEventListener("dlm-xhr-modal-data", function(event) {if ("undefined" !== typeof event.detail.headers["x-dlm-members-locked"]) {event.detail.data["action"] = "dlm_members_conditions_modal";event.detail.data["dlm_modal_response"] = "true";event.detail.data["dlm_members_form_redirect"] = "https://blog.escolaninjawp.com.br/glossario/o-que-e-tags-2/";}}); /* ]]> */ </script> <script type="text/javascript" src="https://blog.escolaninjawp.com.br/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=thBdI4a1QlzXa20" id="enlighterjs-js"></script> <script type="text/javascript" id="enlighterjs-js-after"> /* <![CDATA[ */ !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"enlighter","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); /* ]]> */ </script> <script type="text/javascript" id="ath-theme-js-extra"> /* <![CDATA[ */ var ATH_Ajax = {"url":"\/\/blog.escolaninjawp.com.br\/wp-admin\/admin-ajax.php","nonce":"59618a0ab0"}; /* ]]> */ </script> <script type="text/javascript" src="https://blog.escolaninjawp.com.br/wp-content/themes/vdb-athena/assets/js/theme.js?ver=1688044479" id="ath-theme-js"></script> <script type="text/javascript"> var ATH_Lazy = new LazyLoad({ elements_selector: ".lazy", load_delay: 100, callback_loaded: function(el){ el.classList.add("animated"); el.classList.add("fadeIn"); } }); </script> </body> </html>