Criar tabelas em HTML pode parecer complicado à primeira vista, mas depois que se entende a estrutura básica das
tabelas, fica tudo muito simples.
A tag que determina o início de uma tabela é <table>
e seu par de
encerramento é </table>
No entanto, para criarmos as colunas e linhas existem outras tags que devem estar dentro da
tag <table> .
Para criar uma linha utilizamos <tr>
e para encerrá-la
</tr>.
As colunas são criadas com <td> e </td>.
Se quisermos, por
exemplo, criar uma tabela com 3 linhas e 2 colunas, nosso código ficará assim:
<table>
<tr><td>
Linha 1, Coluna 1 </td><td>
Linha 1, Coluna 2
</td></tr>
<tr><td>
Linha 2, Coluna 1 </td><td>
Linha 2, Coluna 2
</td></tr>
<tr><td>
Linha 3, Coluna 1 </td><td>
Linha 3, Coluna 2
</td></tr>
</table>
Isso geraria a seguinte página:

As tags <tr>
e </tr>
determinaram o início e o fim da linha da tabela, enquanto
a dupla <td> e </td>
ficaram responsáveis por cada célula da tabela.
Para delimitar claramente onde uma célula começa, podemos adicionar borda a nossa tabela, bastando inserir o parâmetro
border="1" na tag <table>,
da seguinte forma:
<table border="1">
<tr><td>
Linha 1, Coluna 1 </td><td>
Linha 1, Coluna 2
</td></tr>
<tr><td>
Linha 2, Coluna 1 </td><td>
Linha 2, Coluna 2
</td></tr>
<tr><td>
Linha 3, Coluna 1 </td><td>
Linha 3, Coluna 2
</td></tr>
</table>

Dessa forma fica mais claro distinguir uma célula de outra, bem como as linhas da tabela.
O valor definido na propriedade border determinará, em pixels, a espessura da borda da tabela. Segue um exemplo com
valor border=”10”:

Outro parâmetro interessante para ser usado nas tabelas é o rowspan, que pode unir linhas de uma mesma coluna, conforme a página abaixo:

Para criá-la utilizei o seguinte código:
<table border="2">
<tr><td rowspan="4">
Coluna 1, Célula 1 </td>
<td>
Coluna 2, Célula 1 </td>
</tr>
<tr>
<td>
Coluna 2, Célula 2 </td>
</tr>
<tr>
<td>
Coluna 2, Célula 3 </td>
</tr>
<tr>
<td>
Coluna 2, Célula 4 </td>
</tr>
</table>
Percebam que defini, no parâmetro rowspan, dentro da primeira coluna, a quantidade de linhas que gostaria de unir.
Então, nas linhas seguintes criei apenas uma coluna.
Bem, essas são as tags responsáveis pela criação de tabelas. Lembre-se que
<tr>
inicia uma linha e
<td>
uma célula.
É possível, inclusive, criar tabelas aninhadas, ou seja, uma tabela dentro de outra. É só verificar sua necessidade e
implementar o código.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
Máquina de Pascal
A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.
Playstation
O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.
Mortal Kombat - O Filme
O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.
River Raid
O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.
Mario em Donkey Kong
O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.