Trabalho
Tabelas são usadas para apresentar "dados tabulares". Informação que deva ser apresentada em linhas e colunas, de forma lógica. Exemplo 1: Célula 1 Célula 2 Célula 3 Célula 4 Tags: • • • • •
começa e termina uma tabela; Define um cabeçalho para celular (podendo ser horizontal ou vertical); significa "table row" - linha de tabela - começa e termina e uma linha horizontal da tabela; significa "table data" - dados da tabela; Define o cabeçalho da tabela;
Exemplo 2: Célula 1 Célula 2 Célula 3 Célula 4 Exemplo 3: Atributos de alinhamento: • align: define o alinhamento horizontal do conteúdo da tabela, de uma linha ou de uma célula. Por exemplo, left, center ou right (à esquerda, no centro ou à direita). • valign: define o alinhamento vertical do conteúdo de uma célula. Por exemplo, top, middle ou bottom (em cima, no meio ou em baixo). Exemplo 4: Célula 1 Colspan: • É a abreviação para "column span". Colspan é usada na tag para indicar quantas colunas estarão contidas em uma célula.
Exemplo 5: Célula 1 Célula 2 Célula 3 Célula 4 Exemplo 6: Célula 1 Célula 2 Célula 3 Célula 4 Célula 5 Rowspan: • Especifica quantas linhas estarão contidas em uma célula: Exemplo 7: Célula 1 Célula 2 Célula 3 Célula 4 Espaçamento entre as células e intra as células: • Cellpadding: Intra as células; • Cellspacing: Entre as células; Exemplo 8: Define um cabeçalho para a tabela Coluna 1 Coluna 2
linha1, coluna 1 linha 1, coluna 2 linha 2, coluna 1 linha 2, coluna 2 Frame: • Controla a borda em volta da tabela. • Valores: o border; o box; o void; o above; o below; o hsides; o vsides; o lhs; o rhs; Exemplo9: Define um cabeçalho para a tabela Coluna 1 Coluna 2 linha1, coluna 1 linha 1, coluna 2 linha 2, coluna 1 linha 2, coluna 2 Definição dos tipos das linhas: • thead: Define a linha que será o topo; • tfoot: Define a linha que será o rodapé; • tbody: Define as linhas quer serão o corpo da tabela;