Tabelas em HTML

Nesta seção de nossa apostila de HTML, iremos introduzir os principais conceitos das tabelas, elementos vastamente usados na criação de websites.

Através das tabelas, poderemos criar conteúdo de maneira organizada, separada e de fácil localização.
Além disso, é possível o uso de tabela na criação, edição e formatação de layouts de sites.

Vamos estudar a tag principal, <table>, bem como as tags de criação de linhas (<tr>) e colunas (<td>), e de outros elementos que podem ser usados para criar títulos para as tabelas, definir a espessura de uma borda, cor da tabela, espaçamento entre as células, podemos definir o tamanho da tabela de maneira absoluta ou relativa (porcentagem da tela), criar rodapé e uma série de outras utilidades.

Tutorial de HTML sobre Tabelas

1. Tabela - O que é, para que serve e como usar para criar sites em HTML

2. Como criar tabelas (<tables>), linhas (<tr>) e colunas (<td>) em HTML
3. Títulos (<caption>), Cabeçalho (<thead>), Corpo (<tbody>) e Cabeçalho de corpo (<th>)
4. Atributos colspan e rowspan para expandir células através de linhas e colunas de uma tabela
5. Tamanho(width), espaçamento(cellspacing e cellpadding) e alinhamento(align) em tabelas

6. Cor e imagens em tabelas - Tabelas dentro de outras tabelas (nested tables)
7. Como criar um site usando tabelas como layout
Vídeo aula - Tabelas