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?
PC com barulho?
Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.
Pac Man
Apenas no ano de 1982, o clássico Pac Man vendeu mais de 400 mil máquinas de fliperama em todo o mundo e recebeu cerca de 7 bilhões de moedas nestas máquinas. Saiba mais.
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.
Tetris
O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.
Duck Hunt
Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".