Profº Cláudio Barbosa HTML – Trabalhando com tabelas  Utilizadas inicialmente a partir de 1995;  Exibição de dados de.

Apresentação em tema: "Profº Cláudio Barbosa HTML – Trabalhando com tabelas  Utilizadas inicialmente a partir de 1995;  Exibição de dados de."— Transcrição da apresentação:

1 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Utilizadas inicialmente a partir de 1995;  Exibição de dados de forma tabular e arrumação do layout da página;  Visualização pode ser diferente entre navegadores diferentes;  Compostas por título, cabeçalho, células e dados. A definição do título e cabeçalho são opcionais.

2 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas Vendas do 1º trimestre Janeiro Fevereiro Março R$ 2400,00 R$ 3600,00 R$ 2100,00

3 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Dimensões da tabela  Largura da borda  Preenchimento da célula (padrão 2 pixels)  Espaçamento entre células (padrão 2 pixels)

4 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Largura das colunas Janeiro Fevereiro  Aconselhável definir a largura em valor percentual;  O somatório dos percentuais deve ser 100%;  A definição nas colunas da primeira linha vale para a tabela toda.

5 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Definição de cores Cor 1 Cor 2 Cor 3

6 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Alinhamento de tabelas  Usar tag para evitar problemas com o texto fora da tabela e incompatibilidade com navegadores antigos...

7 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Alinhamento de células (align e valign) R$ 2500,00 R$ 1000,00  Alinhamento horizontal (align) pode ser center, left ou right;  Alinhamento vertical (valign) pode ser top, bottom ou middle.

8 Profº Cláudio Barbosa (contato@claudiobarbosa.pro.br) HTML – Trabalhando com tabelas  Mesclando células (colspan e rowspan) 2006 Meses Fevereiro Março