| AG: <table> | Comando: Tabela | | TAG: <tr> | Comando: Linha de Tabela | | TAG: <td> | Comando: Célula de Dados da Tabela | Objetivo do TAG: O tag de Tabela é utilizado para apresentar uma listagem de itens que devem se dispor, na página, num formato tabular. Isto é, devem ser mostrados dados em linhas e colunas, representando um conjunto de 2 elementos, tal como vendas de produtos por mes.Uma Tabela deve começar sempre com o tag <table> o qual deve ser imediatamente seguido pelos tags <tr> (linha da tabela) e <td> (célula de dados da tabela). Uma tabela pode ser endentada, isto é, uma célula de uma tabela pode conter outra tabela (desde que inteiramente definida dentro da fronteira daquela célula - isto é: um conjunto <table> ... </table> inteiramente contido dentro de um conjunto <td> ... <td>. O final da tabela é definido pelo tag </table>.
- Pode-se especificar ou o tamanho exato da largura da tabela, medida em pixels, ou a largura da tabela como uma porcentagem da largura atual da janela do browser com o atributo WIDTH="valor ou porcentual";
- Pode-se especificar ou o tamanho exato da altura da tabela, medida em pixels, ou a altura da tabela como uma porcentagem da altura atual da janela do browser com o atributo HEIGHT="valor ou porcentagem";
- Pode-se definir a espessura das bordas com o atributo BORDER (se border="0" então a tabela fica sem as bordas);
- Pode-se especificar o alinhamento do texto dentro das células através do atributo ALIGN;
- Pode-se definir o espaçamento entre as células com o atributo CELLSPACING (cujo valor padrão é igual a 2);
- Pode-se definir o valor da distância do texto para as bordas da célula com o atributo CELLPADING (cujo valor padrão é igual a 1);
- Pode-se definir que uma célula se expanda pelas próximas X células - merge de células - tanto na direção da linha (com o atributo ROWSPAN) quanto na direção da coluna (com o atributo COLSPAN);
- Pode-se atribuir cores para as células com o atributo BGCOLOR);
| Sintaxe Básica:<table>
<tr>
<td>linha1</td><td>célula2</td><célula3</td>
</tr>
<tr>
<td>linha2</td><td>célula2</td><célula3</td>
</tr>
</table>
| Exemplo número 1:
<table border="1">
<tr>
<td>Código</td>
<td>Jan</td>
<td>Fev</td>
<td>Mar</td>
</tr>
<tr>
<td>Lápis</td>
<td>23</td>
<td>43</td>
<td>54</td>
</tr>
<tr>
<td>Caneta</td>
<td>12</td>
<td>13</td>
<td>21</td>
</tr>
</table>Aparece como:
| Código | Jan | Fev | Mar | | Lápis | 23 | 43 | 54 | | Caneta | 12 | 13 | 21 |
|
|
|
|
Nenhum comentário:
Postar um comentário