Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Criação e Estruturação de Tabelas HTML | Tabelas e Formulários
Fundamentos de HTML

bookCriação e Estruturação de Tabelas HTML

Tabelas em HTML são utilizadas para exibir dados em linhas e colunas, proporcionando uma forma estruturada de organizar informações.

Criando tabelas

Utilize a tag <table> para criar uma tabela. As linhas são definidas com <tr> e as células com <td>. Veja a estrutura básica:

index.html

index.html

copy
  • <table> cria a tabela;
  • <tr> cria uma linha;
  • <td> cria uma célula dentro de uma linha.

Cabeçalhos de Tabela

Utilize <th> para títulos de colunas ou linhas. As células de cabeçalho geralmente ficam dentro de uma seção <thead>.

index.html

index.html

copy
  • <thead> envolve as linhas de cabeçalho;
  • <th> define as células de cabeçalho.

Corpo da Tabela

A seção <tbody> vem após <thead> e envolve os dados principais da tabela (as linhas regulares).

index.html

index.html

copy

Resumindo

Tabelas consistem nos seguintes elementos:

  • <table>: contêiner principal da tabela;
  • <thead>: linha(s) de cabeçalho com <th>;
  • <tbody>: linhas de dados com <td>;
  • <tr>: uma linha da tabela;
  • <td>/<th>: célula de dados / célula de cabeçalho.
index.html

index.html

copy

1. Qual tag é usada para criar uma tabela?

2. Qual tag representa uma linha dentro da tabela?

3. Qual é a finalidade da tag <tbody>?

question mark

Qual tag é usada para criar uma tabela?

Select the correct answer

question mark

Qual tag representa uma linha dentro da tabela?

Select the correct answer

question mark

Qual é a finalidade da tag <tbody>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 1

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookCriação e Estruturação de Tabelas HTML

Deslize para mostrar o menu

Tabelas em HTML são utilizadas para exibir dados em linhas e colunas, proporcionando uma forma estruturada de organizar informações.

Criando tabelas

Utilize a tag <table> para criar uma tabela. As linhas são definidas com <tr> e as células com <td>. Veja a estrutura básica:

index.html

index.html

copy
  • <table> cria a tabela;
  • <tr> cria uma linha;
  • <td> cria uma célula dentro de uma linha.

Cabeçalhos de Tabela

Utilize <th> para títulos de colunas ou linhas. As células de cabeçalho geralmente ficam dentro de uma seção <thead>.

index.html

index.html

copy
  • <thead> envolve as linhas de cabeçalho;
  • <th> define as células de cabeçalho.

Corpo da Tabela

A seção <tbody> vem após <thead> e envolve os dados principais da tabela (as linhas regulares).

index.html

index.html

copy

Resumindo

Tabelas consistem nos seguintes elementos:

  • <table>: contêiner principal da tabela;
  • <thead>: linha(s) de cabeçalho com <th>;
  • <tbody>: linhas de dados com <td>;
  • <tr>: uma linha da tabela;
  • <td>/<th>: célula de dados / célula de cabeçalho.
index.html

index.html

copy

1. Qual tag é usada para criar uma tabela?

2. Qual tag representa uma linha dentro da tabela?

3. Qual é a finalidade da tag <tbody>?

question mark

Qual tag é usada para criar uma tabela?

Select the correct answer

question mark

Qual tag representa uma linha dentro da tabela?

Select the correct answer

question mark

Qual é a finalidade da tag <tbody>?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 1
some-alt