html-42

Prévia do material em texto

quais são colocadas células de conteúdo. O conteúdo de cada célula pode ser texto, 
imagem ou até mesmo outra tabela. 
 
O PhotoShop usa tabelas para recortar fotos e exibir na web, por exemplo, se você tiver 
uma foto muito grande que irá demorar muito para ser carregada na sua página. Basta 
cortar ela em vários pedaçinho utilizando a ferramenta FACA do PhotoShop, feito isso é 
só pedir para "Salvar para Web" que o PhotoShop se encarrega de criar uma página 
em HTML com as fotos dentro das células. 
 
Repare que na tabela gerada pelo PhotoShop os atributos CELLPACING e CELLPADDING 
estão com valor=”0”, pois se não especificado este atributos=0 as fotos ficaram 
distanciadas uma das outras. Faça os testes. 
Mais adiante falarei mais sobre os atributos CELLPACING e CELLPADDING. 
 
Uma tabela é delimitada com os marcadores <TABLE></TABLE>, sendo que dentro 
destes marcadores são colocadas as linhas e as colunas da tabela. 
 
Exemplo: 
 
<TABLE> 
<TR> Indica o início de uma nova linha na tabela 
<TD> Indica uma coluna na tabela 
</TD> Indica o final daquela coluna na tabela 
</TR> Indica o final da linha na tabela 
</TABLE> 
 
Existe a possibilidade de se trabalhar com a chamada "CÉLULA TITULO" - Uma linha 
em destaque que pode conter um breve descritivo da tabela. Nesse caso, em vez de 
<TD> o marcador de uma "CÉLULA TITULO" é indicado por <TH></TH>. Troca-se o D 
pelo H. 
 
 Principais atributos de uma tabela 
 
1 - BORDER 
<TABLE BORDER="espessura da borda" > 
 
Especifica a presença ou a ausência de borda na tabela bem como sua espessura. No 
caso de uma tabela sem bordas não é necessário colocar o atributo BORDER. 
 
Exemplo: 
 
<TABLE BORDER="10" > 
 
2 – WIDTH e HEIGHT 
<TABLE WIDHT="largura da tabela" HEIGHT="altura da tabela" > 
 
Indica o tamanho da tabela. Este caminho pode ser relativo ao tamanho da página, em 
que a tabela será exibida, ou absoluta. Uma tabela de tamanho relativo é chamada de 
"TABELA ELÁSTICA" e se estica de acordo com o tamanho da página. Neste caso, a 
largura e altura da tabela são fornecidas em medida de porcentagem (%). 
 
100% indicam que a tabela irá ocupar a tela toda.