TPI 1 - HTML - Aula 10 - Tabelas

TPI 1 - HTML - Aula 10 - Tabelas

Para fazer uma tabela as principais TAGS são TABLE, TR, TH e TD.

TABLE

Tabela é a principal para inserir a tabela, seus parâmetros são :

• bgcolor="cor" = define uma cor de fundo para a tabela
• background="arquivo.ext" - define uma figura de fundo para tabela
• bordercolor="cor" - define uma cor para a borda
• align="alinhament0" - define alinhamento para tabela (center, right ou left que é padrão).
• bordercolordark="cor" - define uma cor para os lados mais escuros da tabela
• bordercolorlight="cor" - define uma cor para os lados para claros da tabela
• cellpadding="n" - define o espaçamento do texto e a borda da tabela
• cellspacing="n" - define o espaçamento entre as células.
• width="n%" define o tamanho da tabela em pixels ou porcentagem

TR

Table Row - Linha da Tabela, para cada linha nova é necessário abrir uma linha e colocar dentro dela todas as células.

• BGCOLOR="cor" - define uma cor de fundo para a linha

TH

Table Head - Cabeçalho da Tabela - é usado para colocar título nas colunas, o texto já vem em negrito e centralizado.

• BGCOLOR="cor" - define uma cor de fundo para a célula de cabeçalho

TD

Table Data - Dados da Tabela - é a tag que usamos para inserir os dados da tabela.

• BGCOLOR="cor" - define uma cor de fundo para a célula.
• BACKGROUND="arquivo.ext" define uma figura de fundo para célula.
• COLSPAN="n" define a quantidade de colunas que devem ser mescladas.
• ROWSPAN="n" define a quantidade de linhas que devem ser mescladas.

Veja como ficaria uma tabela simples, com borda espessura 2, alinhamento centralizado :

<table border="2" align="center" width="60%"> <tr> <th bgcolor="red" rowspan="6">A<br>T<br>E<br>N<br>Ç<br>Ã<br>O</th> </tr> <tr> <th colspan="2"> TABELA DE MATÉRIAS </th> </tr> <tr> <th> PROFESSOR(A) </th> <th> MATÉRIA </th> </tr> <tr> <td> Valéria </td> <td> O.S.A. </td> </tr> <tr> <td> Nelson </td> <td> P.R.C. </td> </tr> <tr> <td> Luiz </td> <td> T.B.D.</td> </tr> </table>

A T E N Ç Ã O
	TABELA DE MATÉRIAS
	PROFESSOR(A)	MATÉRIA
	Valéria	O.S.A.
	Nelson	P.R.C.
	Luiz	T.B.D.

TABELA DE ALUNOS
E T EM A U Á
	NOME	IDADE
	Valéria	20
	Adallirio	18
	Renato	22

PARÂMETRO FRAME NAS TABELAS
PARÂMETRO	RESULTADO
void	retira todas as bordas da tabela
above	exibe apenas a borda do lado superior
hsides	remove as bordas laterais
vsides	exibe apenas as bordas laterais
lhs	exibe apenas a borda esquerda
rhs	exibe apenas a borda direita
box	exibe borda em todos os cantos
border	exibe as quatro bordas