Quando a
tag <table
> foi criada, numa época em que CSS ainda não existia e os elementos da HTML 1 não permitiam controlar bem o posicionamento dos elementos de uma página, logo foi percebido que a tabela poderia ser utilizada como forma de colocar elementos posicionados lado a lado, criando colunas de texto, ao estilo de jornais e revistas. Isso transformou a maneira de criar as páginas Internet que, a partir de 1997 (HTML 3.2), puderam exibir mais que uma sequência de parágrafos de texto, um abaixo de outro. Fazer layout com tabelas se tornou comum. Hoje esta prática é desaconselhada, apesar de ainda encontramos alguns sites que mantém esta estrutura.
Exemplo de uso:
O código abaixo exibe uma tabela:
<table>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
<td>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</td>
<td>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</td>
</tr>
</table>
O resultado do código HTML acima é este:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. | Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. |