As tabelas HTML permitem que os desenvolvedores web organizem os dados em linhas e colunas.
| Exemplo: | ||
|---|---|---|
| Company | Contact | Country |
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Ernst Handel | Roland Mendel | Austria |
| Island Trading | Helen Bennett | UK |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
Uma tabela em HTML consiste em células de tabela dentro de linhas e colunas.
| Exemplo de uma tabela HTML simple: | |
|---|---|
|
|
Cada célula da tabela é definida por um <td> e uma </td> tag.
td significa dados de tabela.Tudo entre <td> e </td> é o conteúdo da célula da tabela.
| Exemplo: | |
|---|---|
 |
 |
Observação: uma célula de tabela pode conter todos os tipos de elementos HTML: texto, imagens, listas, links, outras tabelas, etc.
Cada linha da tabela começa com a <tr> e termina com uma </tr> tag.
tr significa linha de tabela.| Exemplo: | |
|---|---|
 |
 |
Você pode ter quantas linhas quiser em uma tabela; apenas certifique-se de que o número de células seja o mesmo em cada linha.
Às vezes você quer que suas células sejam células de cabeçalho de tabela. Nesses casos, use a <th> tag em vez da <td> tag:
th significa cabeçalho de tabela.| Exemplo: | |
|---|---|
| Deixe a primeira linha ser composta por células de cabeçalho da tabela: | |
 |
 |
Por padrão, o texto nos <th> elementos é negrito e centralizado, mas você pode alterar isso com CSS.