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?
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.
Ultima Online
Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras
Space Invaders
O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.
Asteroids
O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.
Nintendo Wii
Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!