{"id":681,"date":"2024-04-20T20:00:21","date_gmt":"2024-04-20T23:00:21","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=681"},"modified":"2025-11-06T00:35:44","modified_gmt":"2025-11-06T03:35:44","slug":"tabelas-no-html","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/","title":{"rendered":"Tabelas no HTML"},"content":{"rendered":"Tempo de leitura: <\/span> 4<\/span> minutos<\/span><\/span>\n

As tabelas HTML s\u00e3o a ferramenta padr\u00e3o para apresentar dados em um formato organizado de linhas e colunas. Elas s\u00e3o essenciais para exibir informa\u00e7\u00f5es que exigem compara\u00e7\u00e3o<\/strong> ou estrutura tabular<\/strong> (como resultados financeiros, listas de produtos ou hor\u00e1rios).<\/p>\n\n\n\n

Neste artigo, vamos mergulhar na estrutura completa das tabelas HTML, seus elementos sem\u00e2nticos avan\u00e7ados e as melhores pr\u00e1ticas para criar tabelas acess\u00edveis e otimizadas para mecanismos de busca.<\/p>\n\n\n\n

<\/div>\n\n\n\n

\ud83d\uded1 Regra de Ouro: Tabelas s\u00e3o para Dados, N\u00e3o para Layout<\/h2>\n\n\n\n
\n

\u26a0\ufe0f Alerta:<\/strong> No passado, tabelas eram usadas para criar layouts de p\u00e1ginas complexos. Essa pr\u00e1tica est\u00e1 obsoleta e \u00e9 prejudicial<\/strong>. Sempre use tabelas apenas para dados tabulares<\/strong>. Para o layout de p\u00e1gina (colunas e estrutura), utilize CSS<\/strong> (Grid ou Flexbox).<\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

1. Estrutura B\u00e1sica e Elementos Principais<\/h2>\n\n\n\n

A estrutura de uma tabela \u00e9 constru\u00edda a partir do cont\u00eainer principal e da defini\u00e7\u00e3o de linhas e c\u00e9lulas:<\/p>\n\n\n\n

Tag<\/strong><\/td>Fun\u00e7\u00e3o<\/strong><\/td>Import\u00e2ncia<\/strong><\/td><\/tr><\/thead>
<table><\/code><\/strong><\/td>Define o in\u00edcio e o fim da tabela.<\/td>O cont\u00eainer principal.<\/td><\/tr>
<tr><\/code><\/strong><\/td>Define uma T<\/strong>rilha (linha) de R<\/strong>egistro (Table Row<\/em>).<\/td>Cont\u00e9m c\u00e9lulas de cabe\u00e7alho (<th><\/code>) ou de dados (<td><\/code>).<\/td><\/tr>
<th><\/code><\/strong><\/td>Define uma c\u00e9lula de C<\/strong>abe\u00e7alho (Table Header<\/em>).<\/td>Sem\u00e2ntica:<\/strong> Identifica a coluna\/linha, essencial para leitores de tela.<\/td><\/tr>
<td><\/code><\/strong><\/td>Define uma c\u00e9lula de D<\/strong>ados (Table Data<\/em>).<\/td>Cont\u00e9m o conte\u00fado da c\u00e9lula.<\/td><\/tr>
<caption><\/code><\/strong><\/td>Define um t\u00edtulo descritivo<\/strong> para a tabela.<\/td>Crucial:<\/strong> Melhora a acessibilidade e o SEO, fornecendo contexto imediato.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Exemplo B\u00e1sico e Acess\u00edvel:<\/strong><\/p>\n\n\n\n

HTML<\/p>\n\n\n\n

<table>\n  <caption>Tabela de Compara\u00e7\u00e3o de Frutas<\/caption>\n  <tr>\n    <th>Fruta<\/th>\n    <th>Cor<\/th>\n    <th>Sabor<\/th>\n  <\/tr>\n  <tr>\n    <td>Ma\u00e7\u00e3<\/td>\n    <td>Vermelha<\/td>\n    <td>Doce<\/td>\n  <\/tr>\n<\/table><\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n\n  \n    \n    
Tabela de Compara\u00e7\u00e3o de Frutas<\/caption>\n  
Fruta<\/th>\n    Cor<\/th>\n    Sabor<\/th>\n  <\/tr>\n  
Ma\u00e7\u00e3<\/td>\n    Vermelha<\/td>\n    Doce<\/td>\n  <\/tr>\n<\/table>\n\n\n\n
<\/div>\n\n\n\n
2. Estrutura Sem\u00e2ntica Avan\u00e7ada: Corpo da Tabela<\/h2>\n\n\n\n
Para tabelas longas ou complexas, \u00e9 vital usar tags que definem as se\u00e7\u00f5es estruturais. Isso permite que os navegadores (e o CSS) gerenciem o scroll<\/em> e a impress\u00e3o de forma inteligente.<\/p>\n\n\n\n
Tag<\/strong><\/td>Fun\u00e7\u00e3o<\/strong><\/td>Uso Recomendado<\/strong><\/td><\/tr><\/thead>
<thead><\/code><\/strong><\/td>Cabe\u00e7alho da Tabela:<\/strong> Agrupa as linhas de cabe\u00e7alho (<tr><\/code> e <th><\/code>).<\/td>\u00c9 a primeira se\u00e7\u00e3o dentro do <table><\/code>.<\/td><\/tr>
<tbody><\/code><\/strong><\/td>Corpo da Tabela:<\/strong> Agrupa as linhas de dados principais.<\/td>Pode ter m\u00faltiplas ocorr\u00eancias (para agrupar dados).<\/td><\/tr>
<tfoot><\/code><\/strong><\/td>Rodap\u00e9 da Tabela:<\/strong> Agrupa linhas de resumo (totais, m\u00e9dias, notas).<\/td>\u00c9 a \u00faltima se\u00e7\u00e3o dentro do <table><\/code> (embora possa ser declarada antes do <tbody><\/code>).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n
3. Atributos de Extens\u00e3o e Agrupamento<\/h2>\n\n\n\n
Esses atributos s\u00e3o usados para criar tabelas n\u00e3o-uniformes e fornecer informa\u00e7\u00f5es de estrutura:<\/p>\n\n\n\n
Atributo<\/strong><\/td>Fun\u00e7\u00e3o<\/strong><\/td>Exemplo<\/strong><\/td><\/tr><\/thead>
colspan<\/code><\/strong><\/td>Fus\u00e3o de Colunas:<\/strong> Faz com que uma c\u00e9lula se estenda por N colunas.<\/td><td colspan=\"2\">Dados unificados<\/td><\/code><\/td><\/tr>
rowspan<\/code><\/strong><\/td>Fus\u00e3o de Linhas:<\/strong> Faz com que uma c\u00e9lula se estenda por N linhas.<\/td><th rowspan=\"3\">Categoria<\/th><\/code><\/td><\/tr>
scope<\/code><\/strong><\/td>Sem\u00e2ntica de Cabe\u00e7alho:<\/strong> Indica a que <th><\/code> se refere.<\/td><th scope=\"col\"><\/code> (Cabe\u00e7alho de coluna); <th scope=\"row\"><\/code> (Cabe\u00e7alho de linha). Crucial para Acessibilidade!<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Exemplo Completo Sem\u00e2ntico<\/h3>\n\n\n\n
O seu exemplo demonstra perfeitamente o uso de todos os elementos sem\u00e2nticos:<\/p>\n\n\n\n
HTML<\/p>\n\n\n\n
<table>\n  <caption>Tabela de Vendas Mensais<\/caption>\n  <colgroup>\n    <col style=\"background: #000;\"> <col span=\"2\"> <\/colgroup>\n  \n  <thead>\n    <tr>\n      <th scope=\"col\">M\u00eas<\/th>\n      <th scope=\"col\" colspan=\"2\">Vendas Totais<\/th>\n    <\/tr>\n    <tr>\n      <th><\/th> <th scope=\"col\">Produto A<\/th>\n      <th scope=\"col\">Produto B<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n    <tr>\n      <th scope=\"row\">Janeiro<\/th> <td>100<\/td>\n      <td>150<\/td>\n    <\/tr>\n    <\/tbody>\n  <tfoot>\n    <tr>\n      <th scope=\"row\">Total Geral<\/th>\n      <td colspan=\"2\">250<\/td>\n    <\/tr>\n  <\/tfoot>\n<\/table><\/code><\/pre>\n\n\n\n
<\/div>\n\n\n\n\n  \n    <\/colgroup>\n  \n  \n    \n      \n      \n    \n      \n    \n      
Tabela de Vendas Mensais<\/caption>\n    
M\u00eas<\/th>\n      Vendas Totais<\/th>\n    <\/tr>\n    
<\/th> Produto A<\/th>\n      Produto B<\/th>\n    <\/tr>\n  <\/thead>\n  
Janeiro<\/th> 100<\/td>\n      150<\/td>\n    <\/tr>\n    <\/tbody>\n  
Total Geral<\/th>\n      250<\/td>\n    <\/tr>\n  <\/tfoot>\n<\/table>\n\n\n\n
<\/div>\n\n\n\n
\ud83d\ude80 Otimiza\u00e7\u00e3o, Acessibilidade e SEO<\/h2>\n\n\n\n
A sem\u00e2ntica \u00e9 mais importante em tabelas do que em quase qualquer outro elemento HTML:<\/p>\n\n\n\n
    \n
  1. Leitores de Tela:<\/strong> O atributo scope<\/code><\/strong> \u00e9 o que permite a um leitor de tela correlacionar corretamente uma c\u00e9lula de dados (<td><\/code>) com seu respectivo cabe\u00e7alho (<th><\/code>) na mesma linha ou coluna, facilitando a navega\u00e7\u00e3o de dados complexos para usu\u00e1rios cegos.<\/li>\n\n\n\n
  2. Indexa\u00e7\u00e3o:<\/strong> O <caption><\/code>, <thead><\/code> e <th><\/code> ajudam os mecanismos de busca a entender o contexto e a natureza dos dados apresentados.<\/li>\n\n\n\n
  3. Manuten\u00e7\u00e3o:<\/strong> Dividir a tabela em <thead><\/code>, <tbody><\/code> e <tfoot><\/code> facilita a estiliza\u00e7\u00e3o e a manipula\u00e7\u00e3o dos dados via JavaScript.<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n
    \u2705 Conclus\u00e3o<\/h2>\n\n\n\n
    As tabelas HTML s\u00e3o o padr\u00e3o insubstitu\u00edvel para a apresenta\u00e7\u00e3o de dados tabulares. Ao utilizar todas as ferramentas sem\u00e2nticas \u2014 especialmente <caption><\/code>, <thead><\/code>, <th><\/code>, e o atributo scope<\/code><\/strong> \u2014 voc\u00ea garante que suas tabelas n\u00e3o sejam apenas visualmente organizadas, mas tamb\u00e9m totalmente acess\u00edveis, f\u00e1ceis de manter e otimizadas para o consumo por qualquer software.<\/p>\n\n\n\n
    Toda jornada tem um in\u00edcio, e o in\u00edcio para se tornar um desenvolvedor web \u00e9 dominar as seguintes tecnologias, que voc\u00ea encontra aqui mesmo:<\/p>\n\n\n\n
    \n
    \n
    \"HTML\"<\/a>
    HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"CSS\"<\/a>
    CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Javascript\"<\/a>
    JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
    E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados:<\/p>\n\n\n\n
    \n
    \n
    \"Hospedagem<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Ofertas<\/a><\/figure>\n<\/div>\n\n\n\n
    \n
    \"Amazon<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    Tempo de leitura: <\/span>  4<\/span> minutos<\/span><\/span>As tabelas HTML s\u00e3o a ferramenta padr\u00e3o para apresentar dados em um formato organizado de…<\/p>\n","protected":false},"author":1,"featured_media":600,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-681","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","wpcat-6-id"],"yoast_head":"\nTabelas no HTML - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabelas no HTML - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-20T23:00:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-06T03:35:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Tabelas no HTML\",\"datePublished\":\"2024-04-20T23:00:21+00:00\",\"dateModified\":\"2025-11-06T03:35:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/\"},\"wordCount\":695,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/\",\"name\":\"Tabelas no HTML - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"datePublished\":\"2024-04-20T23:00:21+00:00\",\"dateModified\":\"2025-11-06T03:35:44+00:00\",\"description\":\"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/html.webp\",\"width\":758,\"height\":426,\"caption\":\"HTML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/tabelas-no-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabelas no HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\",\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabelas no HTML - BLOG THIAGO ROSSI","description":"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/","og_locale":"pt_BR","og_type":"article","og_title":"Tabelas no HTML - BLOG THIAGO ROSSI","og_description":"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...","og_url":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2024-04-20T23:00:21+00:00","article_modified_time":"2025-11-06T03:35:44+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","type":"image\/webp"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Tabelas no HTML","datePublished":"2024-04-20T23:00:21+00:00","dateModified":"2025-11-06T03:35:44+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/"},"wordCount":695,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","articleSection":["HTML"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/","url":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/","name":"Tabelas no HTML - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","datePublished":"2024-04-20T23:00:21+00:00","dateModified":"2025-11-06T03:35:44+00:00","description":"Tabelas no HTML: Neste artigo, vamos explorar a estrutura das tabelas HTML, seus elementos principais e a import\u00e2ncia da sem\u00e2ntica na ...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/html.webp","width":758,"height":426,"caption":"HTML"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/tabelas-no-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Tabelas no HTML"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de jornada na tecnologia, minha trajet\u00f3ria evoluiu do ensino t\u00e9cnico \u00e0 arquitetura de sistemas complexos. Hoje, foco minha expertise no desenvolvimento de solu\u00e7\u00f5es de Intelig\u00eancia Artificial nativa e an\u00e1lise de dados p\u00fablicos, utilizando o ecossistema PHP para transformar dados brutos em transpar\u00eancia e efici\u00eancia. Como autor e desenvolvedor, acredito na democratiza\u00e7\u00e3o do conhecimento. Essa vis\u00e3o resultou em uma biblioteca de mais de 530 artigos gratuitos, cobrindo desde a base do WebDev e Infraestrutura at\u00e9 os bastidores da ind\u00fastria de Jogos e IA. No universo de Game Design, sou autor do livro \"GDD \u2013 O Guia Definitivo\" e documento ativamente meus processos atrav\u00e9s de DevLogs, unindo rigor t\u00e9cnico e criatividade em projetos desenvolvidos com GDevelop 5. Meu compromisso \u00e9 conectar engenharia de ponta com as reais oportunidades do mercado de tecnologia.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86","https:\/\/linkedin.com\/in\/thiagox86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=681"}],"version-history":[{"count":4,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/681\/revisions"}],"predecessor-version":[{"id":4350,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/681\/revisions\/4350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/600"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=681"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=681"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}