Criando Tabelas

A tabela é um importante componente HTML que permite apresentar conteúdo de forma tabular. Para criar uma tabela, deve-se utilizar a tag <table>.

A tabela é composta de linhas e colunas. Para cada linha deve-se utilizar a tag <tr> e, para cada coluna, deve-se utilizar a tag <td>. Veja o exemplo abaixo de uma tabela com três linhas.

<table>
  <tr>
    <td>Nome</td>
    <td>Sobrenome</td>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
</table>

Para indicar que o dado é um cabeçalho, deve-se utilizar a tag <th>, em vez de <td>, conforme exemplo abaixo:

<table>
  <tr>
    <th>Nome</th>
    <th>Sobrenome</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
</table>