Olá, Convidado
No desenvolvimento de websites, por mais simples que seja, é necessário uma maneira de organizar seus conteúdos e ajustar seu website. Para isto, usamos as famosas TABELAS. Vou explicar passo a passo como criar a sua sem a necessidade de qualquer programa que desenvolva páginas.
Para isto, vamos precisar do Bloco de notas, isto mesmo! O bloco de notas do Windows. Ou qualquer programa editor de textos simples que você tenha instalado em seu computador.
Primeiramente, vamos para o código principal da tabela, que é o:
Este é importante para determinar ao navegador que o código entre eles é uma tabela.
Em tabelas, existem linhas e colunas, como no Excel. O código para linhas é:
e o para colunas é:
Agora podem personalizar ao seu gosto..
Exemplos de tabela:
Essa tabela 1 tem 1 coluna e 1 linha..
Essa tabela 2 tem 2 linhas e 4 colunas, 2 colunas em cada linha.
Essa tabela tem 1 linha e 4 colunas..
No desenvolvimento de websites, por mais simples que seja, é necessário uma maneira de organizar seus conteúdos e ajustar seu website. Para isto, usamos as famosas TABELAS. Vou explicar passo a passo como criar a sua sem a necessidade de qualquer programa que desenvolva páginas.
Para isto, vamos precisar do Bloco de notas, isto mesmo! O bloco de notas do Windows. Ou qualquer programa editor de textos simples que você tenha instalado em seu computador.
Primeiramente, vamos para o código principal da tabela, que é o:
- Código:
<table> </table>
Este é importante para determinar ao navegador que o código entre eles é uma tabela.
Em tabelas, existem linhas e colunas, como no Excel. O código para linhas é:
- Código:
<tr> </tr>
e o para colunas é:
- Código:
<td> </td>
Agora podem personalizar ao seu gosto..
Exemplos de tabela:
Essa tabela 1 tem 1 coluna e 1 linha..
Tabela 1 - Exemplo |
- Código:
<table>
<tr>
<td></td>
<tr>
</table>
Essa tabela 2 tem 2 linhas e 4 colunas, 2 colunas em cada linha.
Tabela 2 | Tabela 2 |
Tabela 2 | Tabela 2 |
- Código:
<table>
<tr>
<td>Tabela 2</td>
<td>Tabela 2</td>
</tr>
<tr>
<td>Tabela 2</td>
<td>Tabela 2</td>
</tr>
</table>
Essa tabela tem 1 linha e 4 colunas..
Tabela 3 | Tabela 3 | Tabela 3 | Tabela 3 |
- Código:
<table>
<tr>
<td>Tabela 3</td>
<td>Tabela 3</td>
<td>Tabela 3</td>
<td>Tabela 3</td>
</tr>
</table>