HTML - Curso Completo (cortesia Wikipedia.org)

HTML - HiperText Markup Language - Linguagem de Marcação de Hipertexto.

5.1) Tabelas

Para se iniciar uma tabela dentro do documento html usa-se a tag table. Porém, são necessárias as tags td e tr para construir as suas células, divididas em colunas e linhas, respectivamente. Exemplo:

<table>
  <tr>
    <td>Uma célula</td>
    <td>Outra célula</td>
  </tr>
  <tr>
    <td>Uma célula na segunda linha</td>
    <td>Uma última célula</td>
  </tr>
</table>

O resultado do código anterior é:

5.1.2) Parâmentros das tabelas

Para manipular o aspecto gráfico e a disposição de uma tabela, podem ser usados várioss parâmetros:

5.1.2.1) Width

width especifica a largura de uma tabela ou célula. Este valor pode ser expresso em pixels ou em percentagem de espaço. Uma tabela ajustada em 100% de largura, ocupará toda a largura disponível no contexto onde está inserida.

<!-- A tabela tem de largura 250 pixels -->
<table width="250">
  <tr>
     <td>Tabela de uma célula</td>
  </tr>
</table>

<!-- A tabela ocupa 70% do espaço disponível para ela -->
<table width="70%">
  <tr>
    <td>Tabela de apenas uma célula</td>
  </tr>
</table>

O resultado do último exmplo, será o seguinte:

5.1.2.2) Height

O parâmetro height permite especificar a altura de uma tabela ou coluna.

<table height="150">
  <tr>
    <td>Uma célula</td>
  </tr>
</table>

… e o resultado é:

5.1.2.3) Border, Bgcolor e bdcolor

Border define a espessura da borda da tabela; Bgcolor define a cor de fundo da tabela e Bdcolor define a cor da borda da tabela;

<table border="4" bdcolor="green" bgcolor="grey">
  <tr>
    <td>Uma mistura de cores berrante!</td>
  </tr>
</table>

A saída seria:

5.1.2.4) Cellpadding

Cellpadding aumenta ou diminui a borda interior em cada célula.

<table cellpadding="5">
  <tr>
    <td>Padding 5</td>
  </tr>
</table>

… equivale a:

5.1.2.5) Cellspacing

Aumenta o espaço entre células.

<table cellspaccing="5">
  <tr>
    <td>CellSpacing é 5</td>
  </tr>
</table>

	o e-mail do seu amigo:
	o seu nome:
	a mensagem:

Dê a sua opinião sobre este artigo