CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

HyperText Markup Language (HTML) - Tabelas

Por Benedito Silva Júnior - publicado em 14/07/2016


As tabelas são muito importantes para o designer de uma home-page. Com elas pode-se fazer alinhamentos que dificilmente seriam possíveis com simples comandos.

A funcionalidade de uma tabela faz com que um determinado site tenha um aspecto mais profissional e o usuário possa navegar de forma mais eficiente, pois os objetos podem estar melhor posicionados na home-page.

Inserção de imagens, bem como seus alinhamentos, largura, altura, borda são algumas das propriedades disponíveis. Cor e textura de fundo também são propriedades disponíveis.

Exemplo simples de tabela:

País UF Cidade
Brasil São Paulo Sumaré

Código:

<table> <!-- inicia tabela --> <tr> <!-- define a linha --> <td>País</td><td> UF</td><td> Cidade</td> <!-- define as células da linha --> </tr> <!-- encerra linha --> <tr> <!-- define uma nova linha --> <!-- define as células da linha --> <td> Brasil</td><td> São Paulo</td><td> Sumaré</td> </tr> <!-- encerra a nova linha --> </table> <!-- encerra a tabela -->

Configurações:

Borda (BORDER) - borda da tabela: <table border=valor> substituir valor por número inteiro

Alinhamento (ALIGN) - pode ser aplicado nas tags TR, TH e TD: <td align=center></td>

Alinhamento do texto na célula (VALIGN) - pode ser aplicado nas tags TR, TH e TD:
<td valign=top></td>

Cor de fundo das células (BGCOLOR): <td bgcolor=cor></td> 

 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo