HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






HTML - Tabelas - Outras propriedades

O comando <CAPTION></CAPTION> permite exibir um texto acima da tabela e deve ser inserido logo após a tag de abertura TABLE da tabela.

Exemplo:

<table border="1" width="200">
<caption>Texto centralizado</caption>
<tr><td>kithomepage</td><td>kithomepage</td></tr>
<tr><td>kithomepage</td><td>kithomepage</td></tr>
</table>

Texto centralizado
kithomepage kithomepage
kithomepage kithomepage

 

 O comando <TH></TH> permite inserir  títulos em negrito em cada coluna da tabela.
Basicamente, é uma linha na tabela cujo o conteúdo é formatado de forma simples através do comando acima, sem necessidade de se utilizar comandos de formatação de texto. O mesmo efeito é obtido formatando-se o conteúdo das células.

Exemplos:
 

Posicionando na 1ª linha:
<table border="1" width="400">
<tr><TH align="LEFT">Coluna 1</TH><TH align="CENTER" >Coluna 2</TH><TH align="RIGHT">Coluna 3</TH></tr>
<tr><td>kithomepage</td><td>kithomepage</td><td>kithomepage</td></tr>
<tr><td>kithomepage</td><td>kithomepage</td><td>kithomepage</td></tr>
</table>

Coluna 1 Coluna 2 Coluna 3
kithomepage kithomepage kithomepage
kithomepage kithomepage kithomepage
Posicionando na 3ª linha:
<table border="1" width="400">
<tr><td>kithomepage</td><td>kithomepage</td><td>kithomepage</td></tr>
<tr><td>kithomepage</td><td>kithomepage</td><td>kithomepage</td></tr>
<tr><TH align="LEFT">Coluna 1</TH><TH align="CENTER" >Coluna 2</TH><TH align="RIGHT">Coluna 3</TH></tr>
</table>

kithomepage kithomepage kithomepage
kithomepage kithomepage kithomepage
Coluna 1 Coluna 2 Coluna 3


 

 
O parâmetro NOWRAP evita quebra de linha dentro da célula, isto é, quando o usuário redimensionar a janela do navegador as células permanecem com tamanho fixo e seu conteúdo não será quebrado caso seja apto a ser quebrado.

Exemplo:

Código com atributo NOWRAP:
<TABLE BORDER cellspacing="0" cellpadding="0">
<TR>
<TD NOWRAP WIDTH="300" ALIGN="center"><font face="Arial">Células com parâmetro</font></TD>
<TD NOWRAP WIDTH="300" ALIGN="center"><font size="2" face="Arial">NOWRAP</font></TD>
</TR>
</TABLE>

Código sem o atributo NOWRAP:
<TABLE BORDER cellspacing="0" cellpadding="0">
<TR>
<TD WIDTH="300" ALIGN="center"><font face="Arial">Células sem parâmetro</font></TD>
<TD WIDTH="300" ALIGN="center"><font size="2" face="Arial">NOWRAP</font></TD>
</TR>
</TABLE>

Click aqui para ver o efeito

CABEÇALHO, CORPO E RODAPÉ

Para evitar o excesso de formatação em uma tabela de tamanho consideravelmente grande e consequentemente diminuir o trabalho de formatação do corpo da tabela e o tamanho do arquivo, utilizamos os comandos abaixo:
<THEAD></THEAD> - Formata o cabeçalho.
<TBODY></TBODY> - Formata o corpo.
<TFOOD></TFOOD> - Formata o rodapé.

Exemplo:

<TABLE BORDER="0" >
<THEAD BGCOLOR="#00FF00">
<TR>
<TD COLSPAN=5 ALIGN="center">KITHOMEPAGE</TD>
</TR>
</THEAD>

<TBODY BGCOLOR="#C0C0C0" STYLE="font-family:verdana; font-size:13px">
<TR>
<TD WIDTH="25">SEÇÃO </TD>
<TD WIDTH="150">
<p align="center">CONTEÚDO</TD>
<TD WIDTH="50">CARACTERÍSTICAS</TD>
</TR>
</TBODY>

<TBODY BGCOLOR="#E1F2FF" STYLE="font-family:verdana; font-size:13px">

<TR>
<TD>Geradores</TD>
<TD>Flash / Gráficos</TD>
<TD>On-line</TD>
</TR>
</TBODY>
<TBODY BGCOLOR="#00ffff" STYLE="font-family:verdana; font-size:13px">

<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>

<TR>
<TD>......</TD>
<TD>......</TD>
<TD>......</TD>
</TR>

<TR>
<TD>........</TD>
<TD>.........</TD>
<TD>.........</TD>
</TR>
</TBODY>

<TFOOT BGCOLOR="#ffff00">
<TR>
<TD COLSPAN=5 ALIGN="center">
kithomepage.com</TD>
</TR>
</TFOOT>
</TABLE>
 

Tabela do código acima.

KITHOMEPAGE
SEÇÃO

CONTEÚDO

CARACTERÍSTICAS
Geradores Flash / Gráficos On-line
... ... ...
...... ...... ......
........ ......... .........
kithomepage.com
Células com parâmetro NOWRAP

Células sem parâmetro NOWRAP

Reduza a largura desta janela para observar o efeito.