Meta tags:
description= A tag tbody define o conteúdo do corpo de uma tabela HTML. É usada com thead e tfoot . Veja exemplos.;
Headings (most frequently used words):
tbody, tag, html, exemplo, atributos, da, por, que, importante, sintaxe, acessibilidade, como, estilizar, uma, prática, resultado, com, as, tags, thead, tfoot, de, múltiplos, elementos, substituições, css, para, os, obsoletos,
Text of the page (most frequently used words):
html (68), tbody (62), table (23), thead (23), color (20), tag (19), svg (19), uma (18), tabela (18), tfoot (18), aprender (15), que (14), elemento (14), para (13), não (12), background (12), html5 (12), css (11), #elementos (11), style (11), atributos (10), conteúdo (10), linhas (10), dentro (10), title (10), cada (9), align (9), você (9), tags (9), canvas (9), por (8), corpo (8), body (8), atributo (8), com (7), border (7), head (7), ser (6), copiar (6), the (6), scope (6), collapse (6), página (6), w3docs (5), todos (5), ela (5), pode (5), center (5), suportado (5), char (5), quando (5), cabeçalho (5), introdução (5), formatter (5), code (4), generator (4), prática (4), javascript (4), como (4), linha (4), mais (4), top (4), text (4), solid (4), alinhamento (4), use (4), especifica (4), col (4), january (4), savings (4), month (4), doctype (4), exemplo (4), mesmo (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), estilizar (3), tabelas (3), nth (3), type (3), vertical (3), 1c87c9 (3), f3ebeb (3), sua (3), fundo (3), bgcolor (3), obsoletos (3), usado (3), define (3), 500 (3), 1000 (3), february (3), fff (3), padding (3), auto (3), margin (3), width (3), document (3), seções (3), grupo (3), sejam (3), isso (3), rodapé (3), enquanto (3), usada (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), desde (2), acessibilidade (2), sintaxe (2), importante (2), this (2), page (2), documento (2), deve (2), sempre (2), propriedades (2), faz (2), e3f0fb (2), even (2), diretamente (2), estilos (2), seu (2), próprio (2), células (2), eee (2), valign (2), vez (2), evento (2), globais (2), bottom (2), caracteres (2), caractere (2), apenas (2), cor (2), left (2), cabeçalhos (2), row (2), acessível (2), possível (2), 666666 (2), usar (2), múltiplos (2), experimente (2), total (2), 1500 (2), filhos (2), sem (2), podem (2), várias (2), páginas (2), layout (2), longa (2), navegadores (2), tbodies (2), scripts (2), implícito (2), seletor (2), corresponde (2), após (2), colgroup (2), caption (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, sobre, empresa, try, tutoriais, gratuitos, web, 2014, next, previous, yes, was, helpful, verificar, obrigatória, torno, individual, representa, principal, inteiro, primeiro, filho, estilizada, agrupa, seção, consulte, técnicas, estilização, zebra, stripe, rows, direcione, folha, dar, bordas, este, disso, antigo, apresentação, acima, estão, deles, substituições, também, suporta, middle, baseline, número, será, alinhado, partir, especificado, pelo, number, charoff, relação, character, das, right, justify, descrição, valores, coluna, normalmente, ajudam, leitores, tela, transmitir, estrutura, combine, usem, tecnologia, assistiva, possa, anunciar, qual, célula, dados, pertence, 1200, april, 750, march, odd, vários, agrupar, separadas, aqui, trimestre, recebe, própria, 2500, ccc7c7, 8ebf42, resultado, lightgrey, placed, after, but, shown, grey, 30px, 666, vem, pares, escrito, entre, abertura, fechamento, sucessivos, separará, longas, poderá, formatar, delas, separadamente, caso, uso, ter, diretos, estarem, incluídos, nem, elas, devem, estar, imprimir, definirão, informações, iguais, muito, semelhantes, variará, afetam, padrão, personalizar, aparência, dica, estende, impressas, repetem, flui, impressão, expõe, coleção, dando, acesso, direto, percorrer, nós, dom, conter, permitindo, dividir, lógicas, ano, categoria, estilizadas, percorridas, forma, independente, agrupamento, causa, descendente, escreveu, saber, evita, bugs, confusos, meu, funciona, nada, seletores, nunca, escreva, navegador, cria, coloca, analisador, tem, consequências, práticas, automaticamente, envolve, filha, existirem, aparecer, ambas, formas, são, válidas, renderizado, parte, inferior, independentemente, posição, código, fonte, antes, depois, conjunto, criando, bloco, semântico, separado, dela, junto, especificam, respectivamente, juntos, esses, três, dividem, tornando, marcação, fácil, ler, tecnologias, assistivas, veja, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, class, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, texto, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, textarea, template, sup, summary, sub, strong, strike, span, spacer, source, small, select, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, main, link, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, cite, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, xhtml, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, references, migração, suporte, áudio, vídeo, semânticos, computercode, caminhos, arquivo, blocos, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,
Text of the page (random words):
tag html tbody w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset tag html tbody a tag tbody define o conteúdo do corpo de uma tabela html é usada com thead e tfoot veja exemplos a tag tbody define o conteúdo do corpo um conjunto de linhas de uma tabela html criando um bloco semântico separado dentro dela é usada junto com as tags thead e tfoot que especificam o cabeçalho e o rodapé da tabela respectivamente juntos esses três elementos dividem a tabela em cabeçalho corpo e rodapé tornando a marcação mais fácil de ler de estilizar e acessível a tecnologias assistivas a tag tbody deve ser usada como filha do elemento table após os elementos caption e colgroup se existirem e após o elemento thead no html5 o elemento tfoot pode aparecer antes ou depois do elemento tbody ambas as formas são válidas e o tfoot é sempre renderizado na parte inferior independentemente de sua posição no código fonte por que o tbody é importante mesmo que você nunca escreva uma tag tbody o navegador cria uma para você quando você coloca linhas tr diretamente dentro de um table o analisador automaticamente as envolve em um tbody implícito isso tem consequências práticas seletores css por causa do tbody implícito um seletor descendente como table tbody tr corresponde às linhas mesmo quando você não escreveu a tag enquanto table tr não corresponde a nada saber isso evita bugs confusos de meu seletor não funciona agrupamento de linhas uma tabela pode conter múltiplos elementos tbody permitindo dividir uma tabela longa em seções lógicas por exemplo por ano ou categoria que podem ser estilizadas e percorridas de forma independente scripts no dom cada table expõe uma coleção tbodies em javascript table tbodies 0 dando acesso direto a cada grupo de corpo sem percorrer os nós filhos impressão quando uma tabela longa se estende por várias páginas impressas os navegadores repetem o thead e o tfoot em cada página enquanto o conteúdo do tbody flui de página em página dica os elementos thead tbody e tfoot não afetam o layout da tabela por padrão use propriedades css para personalizar a aparência da tabela ao imprimir um documento os elementos thead e tfoot definirão as informações que podem ser iguais ou muito semelhantes em cada página de uma tabela de várias páginas enquanto o conteúdo da tag tbody variará de página em página no caso de uso do tbody não é possível ter elementos tr linhas de tabela que sejam filhos diretos do elemento table sem estarem incluídos no tbody se você usar linhas que não sejam de cabeçalho nem de rodapé elas devem estar dentro do elemento tbody mais de um elemento tbody pode ser usado em cada tabela desde que sejam todos sucessivos isso separará as linhas de tabelas longas em seções e você poderá formatar cada uma delas separadamente sintaxe a tag tbody vem em pares o conteúdo é escrito entre as tags de abertura tbody e de fechamento tbody tag html tbody table thead thead tfoot tfoot tbody tr td td tr tbody table copiar exemplo da tag html tbody tag html tbody doctype html html head title title of the document title style th td padding 10 px border 1 px solid 666 style head body table style width 80 margin 30px auto border collapse collapse thead style background color 1c87c9 color fff tr th month th th savings th tr thead tfoot style background color grey tfoot is placed after thead but is shown on the bottom of the table tr td total td td 1500 td tr tfoot tbody style background color lightgrey tr td january td td 500 td tr tr td february td td 1000 td tr tbody table body html copiar experimente você mesmo resultado exemplo da tag html tbody com as tags thead e tfoot tag html tbody doctype html html head title title of the document title style table width 60 margin 30 px auto border collapse collapse thead background color 8ebf42 color fff tbody background color f3ebeb tfoot background color ccc7c7 th td padding 10 px border 1 px solid 666666 style head body table thead tr th month th th savings th tr thead tbody tr td january td td 1500 td tr tr td february td td 1000 td tr tbody tfoot tr td total td td 2500 td tr tfoot table body html copiar experimente você mesmo exemplo de múltiplos elementos tbody você pode usar vários elementos tbody em uma tabela para agrupar linhas em seções separadas aqui cada trimestre é seu próprio grupo de corpo e cada grupo recebe sua própria cor de fundo doctype html html head title title of the document title style table width 60 margin 30 px auto border collapse collapse th td padding 10 px border 1 px solid 666666 text align left thead background color 1c87c9 color fff tbody nth of type odd background color f3ebeb tbody nth of type even background color e3f0fb style head body table thead tr th month th th savings th tr thead tbody tr td january td td 500 td tr tr td february td td 1000 td tr tbody tbody tr td march td td 750 td tr tr td april td td 1200 td tr tbody table body html copiar acessibilidade os elementos tbody thead e tfoot ajudam os leitores de tela a transmitir a estrutura de uma tabela para a tabela mais acessível possível combine os com células de cabeçalho que usem o atributo scope para que a tecnologia assistiva possa anunciar a qual cabeçalho uma célula de dados pertence table thead tr th scope col month th th scope col savings th tr thead tbody tr th scope row january th td 500 td tr tbody table copiar use scope col para cabeçalhos de coluna normalmente dentro de thead e scope row para cabeçalhos de linha dentro do corpo atributos atributo valores descrição align right left center justify char especifica o alinhamento do conteúdo dentro do elemento tbody não suportado no html5 bgcolor bgcolor define a cor de fundo das linhas dentro do elemento tbody não suportado no html5 char character especifica o alinhamento do conteúdo dentro do elemento tbody em relação a um caractere usado apenas quando o atributo align char não suportado no html5 charoff number especifica o número de caracteres que o conteúdo dentro do elemento tbody será alinhado a partir do caractere especificado pelo atributo char usado apenas quando o atributo align char não suportado no html5 valign top bottom middle baseline especifica o alinhamento vertical do conteúdo dentro do elemento tbody não suportado no html5 a tag tbody também suporta os atributos globais e os atributos de evento substituições css para os atributos obsoletos os atributos de apresentação acima estão obsoletos no html5 use css em vez deles atributo antigo use este css em vez disso align center text align center valign top vertical align top bgcolor eee background color eee como estilizar uma tag html tbody direcione o elemento tbody diretamente na sua folha de estilos para dar ao corpo da tabela seu próprio fundo bordas e alinhamento de células tbody background color f3ebeb border 2 px solid 1c87c9 tbody td text align center vertical align top zebra stripe the body rows tbody tr nth of type even background color e3f0fb copiar consulte estilização de tabelas com css para mais técnicas prática prática o que faz a tag html tbody o que faz a tag html tbody ela agrupa as linhas do corpo de uma tabela html em uma seção ela não pode ser estilizada com propriedades css ela deve ser sempre o primeiro filho do elemento table ela representa o conteúdo principal do documento inteiro ela é obrigatória em torno de cada linha individual com uma linha por tbody verificar was this page helpful yes no previous table next td on this page por que o tbody é importante sintaxe acessibilidade atributos como estilizar uma tag html tbody prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores
|
