HTML - tutorial

Tutoriais » HTML » Tabela »

Atributos Tabela
As tabelas são bastante usadas para o posicionamento preciso dos elementos na página. As tabelas são formadas de linhas, dentro de uma linha são inseridas células com conteúdo. Veja abaixo os tags básicos:

<table></table>
Determina o início e o fim de uma tabela.

<tr></tr>
Determina o início e um fim de uma linha.

<td></td>
Determina o início e um fim de uma célula.

Tabela Simples
Abaixo está o código e a visualização de uma simples tabela com duas linhas e quatro células.

<table border="1">
<tr>
<td>Célula1</td>
<td>Célula2</td>
</tr>
<tr>
<td>Célula3</td>
<td>Célula4</td>
</tr>
</table>

Mais Atributos
Crie tabelas mais personalizadas com os atributos listados abaixo, estes devem acompanhar os tags <table>, <tr> ou <td>.

border= "x"
Determina a largura da borda da tabela. (x é o valor em pixels da borda)

bgcolor= "cor"
Determina a cor de fundo da tabela.

width= "x"
Determina a largura da tabela. (x é o valor em pixels da largura)

height= "x"
Determina a altura da tabela. (x é o valor em pixels da altura)

cellspacing= 'x'
Determina o espaço existente entre a borda da tabela e a célula. (x é o valor do espaço em pixels)

cellpadding= 'x'
Determina o espaço existente entre a célula e o conteúdo da mesma. (x é o valor do espaço em pixels)