Meta tags:
description= A tag td define uma célula de dados padrão em uma tabela HTML. Deve ser usada como elemento filho de tr , que define uma linha na tabela.;
Headings (most frequently used words):
td, tag, html, com, exemplo, da, atributo, sintaxe, abrangendo, colunas, linhas, associando, células, cabeçalhos, para, acessibilidade, problemas, de, layout, atributos, tags, relacionadas, prática, colspan, resultado, rowspan, headers,
Text of the page (most frequently used words):
html (82), uma (44), #célula (32), células (24), tag (20), não (20), que (20), para (19), svg (19), atributo (18), com (17), define (17), table (17), color (17), linha (16), aprender (15), deve (15), tabela (14), linhas (13), title (13), colspan (12), suportado (12), atributos (11), headers (11), background (11), conteúdo (11), cabeçalho (10), border (10), collapse (10), dados (10), padrão (10), tags (9), body (9), head (9), style (9), canvas (9), colunas (8), por (8), copiar (8), align (8), ser (8), número (7), valor (7), rowspan (7), exemplo (7), cada (7), tbody (6), como (6), w3docs (5), css (5), layout (5), cabeçalhos (5), 666 (5), solid (5), padding (5), coluna (5), especifica (5), char (5), march (5), doctype (5), tabelas (5), você (5), thead (5), child (5), introdução (5), html5 (5), formatter (5), todos (4), code (4), generator (4), prática (4), abranger (4), dentro (4), vertical (4), text (4), mais (4), elemento (4), width (4), vez (4), inteiro (4), positivo (4), apenas (4), month (4), rate (4), hours (4), name (4), auto (4), margin (4), the (4), document (4), span (4), definir (4), sobre (3), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), qual (3), está (3), number (3), alinha (3), center (3), texto (3), essa (3), adicionar (3), duas (3), seguinte (3), pode (3), experimente (3), mesmo (3), year (3), fff (3), 1c87c9 (3), date (3), strong (3), last (3), ocupa (3), conter (3), elementos (3), formulários (3), imagens (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), snippets (2), 2014 (2), relacionadas (2), problemas (2), associando (2), acessibilidade (2), abrangendo (2), sintaxe (2), this (2), page (2), template (2), scope (2), relacionar (2), seu (2), afirmação (2), correta (2), todas (2), middle (2), left (2), estilos (2), bordas (2), alinhamento (2), pertence (2), onde (2), use (2), evento (2), globais (2), pixels (2), bottom (2), 65534 (2), pois (2), serão (2), nowrap (2), height (2), caracteres (2), alinhado (2), caractere (2), pelo (2), usado (2), cor (2), borda (2), bordercolor (2), fundo (2), leitores (2), podem (2), apresentar (2), descrição (2), abbr (2), 120 (2), april (2), total (2), extra (2), aqui (2), outras (2), modo (2), tela (2), automaticamente (2), ids (2), class (2), a3cced (2), e6ebef (2), 2017 (2), email (2), protected (2), font (2), first (2), abrangimento (2), navegadores (2), demais (2), quantas (2), dela (2), menos (2), única (2), 2018 (2), entre (2), navegador (2), tfoot (2), col (2), colgroup (2), caption (2), dica (2), usada (2), filho (2), accept (2), dir (2), referência (2), tutorial (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, exemplos, gratuitos, web, desde, next, previous, yes, was, helpful, verificar, forma, recomendada, aceita, nenhum, associada, meio, todo, estar, contêiner, agrupa, f1f7fb, hover, comuns, controlam, espaçamento, aplique, junto, compartilhem, aparência, consistente, estilizar, válido, ele, declara, aplica, apontar, volta, suas, informação, suporta, largura, propriedade, disso, top, baseline, valign, recomendado, usar, valores, superiores, limitados, quebrado, altura, definidas, pela, quais, relacionada, header_id, será, partir, especificado, charoff, character, rgb, xxxxxx, colorname, bgcolor, plano, categoriza, semelhante, category_name, axis, right, justify, versão, abreviada, alternativo, agentes, usuário, voz, antes, próprio, solução, mesclar, abrange, acima, dos, totais, mantendo, grade, alinhada, esta, possui, três, enquanto, restante, tem, fazendo, alinhem, sob, verticalmente, mesma, das, desalinha, esse, naquela, desloca, aponta, descreve, leitor, anunciar, taxa, bob, ann, simples, conseguem, complexa, múltiplos, níveis, mescladas, associação, automática, falha, manter, essas, legíveis, tecnologias, assistivas, atribua, liste, relevantes, relacionado, referenciar, vários, separando, seus, espaços, resultado, received, href, company, mail, size, tenha, cuidado, criar, maior, permite, ultrapassar, cortam, disponíveis, novas, outro, lado, esquecer, remover, sobrepõe, acaba, quebra, estende, omitir, estaria, abaixo, espaço, horizontal, normais, portanto, são, frequentemente, usados, permitir, estenda, várias, neste, usamos, june, lightgrey, vem, pares, escrito, abertura, fechamento, adicionadas, têm, aparecerem, consecutivamente, exibidas, integrada, precisar, enfatizar, crie, sem, for, necessário, avançadas, contêm, igual, equivalente, longa, houver, preencherá, colocando, vazias, final, tabulares, adicionada, individualmente, outros, esquerda, ela, utiliza, charset, checked, autoplay, action, accesskey, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, textarea, sup, summary, sub, strike, 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, 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, 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, scripts, 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, aprenda,
Text of the page (random words):
tag html td aprenda html 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 td a tag td define uma célula de dados padrão em uma tabela html deve ser usada como elemento filho de tr que define uma linha na tabela a tag td especifica uma célula de dados padrão em uma tabela html ela deve ser usada como elemento filho de tr que define uma linha na tabela para definir uma célula de cabeçalho utiliza se a tag th a tag td pode conter texto formulários imagens tabelas entre outros o conteúdo dentro dela é alinhado à esquerda por padrão dica se você apresentar dados tabulares em tabelas cada célula de dados deve ser adicionada individualmente como um elemento td todas as linhas da tabela contêm um número igual de células equivalente ao número de células na linha mais longa se houver menos células em uma linha o navegador preencherá automaticamente a linha colocando células vazias no final dica tabelas mais avançadas podem conter os elementos caption colgroup col tfoot tbody ou thead se precisar enfatizar que não há dados em outras células crie células sem conteúdo onde for necessário as células adicionadas pelo navegador não têm bordas e se aparecerem consecutivamente serão exibidas como uma única célula integrada sintaxe a tag td vem em pares o conteúdo é escrito entre as tags de abertura td e fechamento td tag html td table tr td td tr table copiar exemplo da tag html td doctype html html head title title of the document title style table width 80 margin 30 px auto border collapse collapse tr background color lightgrey tr first child background color 1c87c9 color fff th td padding 10 px border 1 px solid 666 style head body table tr th month th th date th tr tr td march td td 10 09 2018 td tr tr td june td td 18 07 2018 td tr table body html copiar experimente você mesmo neste exemplo usamos a tag tr para definir as linhas da tabela th para definir células de cabeçalho e td para definir células de dados padrão abrangendo colunas e linhas os atributos colspan e rowspan são frequentemente usados com a tag td para permitir que uma única célula se estenda por várias colunas ou linhas colspan define quantas colunas uma célula ocupa o valor deve ser um inteiro positivo o padrão é 1 uma célula com colspan 2 ocupa o espaço horizontal de duas células normais portanto a linha à qual pertence deve conter um td a menos que as demais linhas rowspan define quantas linhas uma célula ocupa o valor deve ser um inteiro positivo o padrão é 1 uma célula com rowspan 2 se estende para a linha seguinte de modo que essa linha seguinte deve omitir o td que estaria abaixo dela tenha cuidado para não criar um abrangimento maior do que a tabela permite se um colspan ou rowspan ultrapassar a borda da tabela os navegadores o cortam para as colunas ou linhas disponíveis em vez de adicionar novas por outro lado se você esquecer de remover as células que um abrangimento sobrepõe a linha acaba com células demais e o layout da tabela quebra exemplo da tag html td com o atributo colspan doctype html html head title title of the document title style table width 80 margin 30 px auto border collapse collapse tr background color e6ebef tr first child background color 1c87c9 color fff tr last child height 60 px tr last child td background color a3cced vertical align bottom tr last child span font size 14 px th td padding 10 px border 1 px solid 666 style head body table tr th company e mail th th date th tr tr td a href email protected a td td 01 09 2017 td tr tr td colspan 2 email protected strong 01 09 2017 strong span received date span td tr table body html copiar experimente você mesmo resultado exemplo da tag html td com o atributo rowspan doctype html html head title title of the document title style table width 80 margin 30 px auto border collapse collapse th td padding 10 px border 1 px solid 666 thead tr background color 1c87c9 color fff tbody td background color e6ebef year background color a3cced text align center style head body table thead tr th month th th year th tr thead tbody tr td march td td class year rowspan 2 2014 td tr tr td april td tr tbody table body html copiar experimente você mesmo associando células a cabeçalhos para acessibilidade em uma tabela simples leitores de tela conseguem relacionar cada célula de dados ao seu cabeçalho de coluna e de linha automaticamente em uma tabela complexa com múltiplos níveis de cabeçalhos ou com células mescladas essa associação automática falha para manter essas tabelas legíveis por tecnologias assistivas atribua um id a cada th e liste os ids relevantes no atributo headers de cada td relacionado uma célula pode referenciar vários cabeçalhos separando seus ids com espaços exemplo da tag html td com o atributo headers doctype html html head title title of the document title style table border collapse collapse margin 30 px auto th td padding 10 px border 1 px solid 666 style head body table tr th id name name th th id hours hours th th id rate rate th tr tr td headers name ann td td headers hours 38 td td headers rate 25 td tr tr td headers name bob td td headers hours 40 td td headers rate 30 td tr table body html copiar aqui cada célula de dados aponta para o cabeçalho que a descreve de modo que um leitor de tela pode anunciar por exemplo taxa 25 em vez de apenas 25 problemas de layout com td por padrão cada célula de dados se alinha verticalmente com as células na mesma coluna das outras linhas adicionar um td extra a apenas uma linha desalinha esse layout pois cada célula seguinte naquela linha se desloca uma coluna por exemplo esta linha possui três células enquanto o restante da tabela tem duas fazendo com que as células não se alinhem sob os cabeçalhos tr th month th th total th tr tr td march td td q1 td td 120 td tr copiar a solução é mesclar células com colspan em vez de adicionar uma coluna extra aqui a célula march abrange as duas colunas acima dos totais mantendo a grade alinhada tr th month th th total th tr tr td colspan 2 march q1 td tr tr td april td td 120 td tr copiar atributos atributo valor descrição abbr text define uma versão abreviada do conteúdo de uma célula ou um texto alternativo agentes de usuário como leitores de voz podem apresentar essa descrição antes do próprio conteúdo não suportado em html 5 align left right center justify char alinha o conteúdo em uma célula não suportado em html 5 axis category_name categoriza células com conteúdo semelhante não suportado em html 5 background background define o plano de fundo em uma célula não suportado em html 5 bgcolor rgb x x x xxxxxx colorname define a cor de fundo de uma célula não suportado em html 5 bordercolor bordercolor define a cor da borda não suportado em html 5 char character alinha o conteúdo de uma célula a um caractere usado apenas se o atributo align char não suportado em html 5 charoff number define o número de caracteres que o conteúdo será alinhado a partir do caractere especificado pelo atributo char usado apenas se o atributo align char não suportado em html 5 colspan number define o número de colunas que uma célula deve abranger o valor do atributo deve ser um inteiro positivo o valor padrão é 1 headers header_id especifica uma ou mais células de cabeçalho definidas pela tag th às quais uma célula padrão está relacionada height pixels define a altura de uma célula não suportado em html 5 nowrap nowrap especifica que o conteúdo dentro de uma célula não deve ser quebrado em linhas não suportado em html 5 rowspan number especifica o número de linhas que uma célula deve abranger o valor do atributo deve ser um inteiro positivo o valor padrão é 1 não é recomendado usar valores superiores a 65534 pois serão limitados a 65534 valign top middle bottom baseline especifica o alinhamento vertical do conteúdo dentro de uma célula não suportado em html 5 use a propriedade css vertical align em vez disso width pixels define a largura de uma célula não suportado em html 5 a tag td suporta os atributos globais e os atributos de evento i informação o atributo scope não é válido em td ele pertence ao elemento th onde declara se um cabeçalho se aplica a uma coluna ou a uma linha use headers em um td para apontar de volta para suas células de cabeçalho como estilizar uma tag html td os estilos mais comuns para td controlam espaçamento bordas e alinhamento aplique td junto com th para que células de cabeçalho e de dados compartilhem uma aparência consistente table border collapse collapse td padding 10 px border 1 px solid 666 text align left vertical align middle td hover background color f1f7fb copiar tags relacionadas table o contêiner que agrupa todas as linhas e células tr define uma linha da tabela todo td deve estar dentro de uma th define uma célula de cabeçalho associada a td por meio do atributo headers prática prática qual afirmação sobre os atributos da tag html td está correta qual afirmação sobre os atributos da tag html td está correta o atributo colspan define o número de linhas que uma célula deve abranger o atributo colspan define o número de colunas que uma célula deve abranger a tag td não aceita nenhum atributo o atributo scope é a forma recomendada de relacionar uma célula td ao seu cabeçalho verificar was this page helpful yes no previous tbody next template on this page sintaxe abrangendo colunas e linhas associando células a cabeçalhos para acessibilidade problemas de layout com td atributos tags relacionadas 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
|