Curso de Html Básico: Total de páginas: 34

 

 

Parte:

23

 

Tabelas
TABELAS

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. 

Vamos discutir, nesta parte, quais são os comandos para se criar uma tabela e mostrar alguns exemplos. Claro que você deverá praticar e principalmente planejar a sua tabela, pois sem isso, fica muito difícil de controlar o código HTML da sua home-page.

 O comando para se inserir uma tabela é <TABLE>; para iniciar uma linha devemos introduzir a tag <TR> e para uma célula (alguns preferem dizer coluna) <TD>. Todos estes comandos são encerrados como </TABLE> , </TR> e </TD> respectivamente.

 Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :

 <HTML>

<HEAD>

<TITLE>Criando Tabelas</TITLE>

</HEAD>

<BODY>

<CENTER><FONT COLOR=BLUE SIZE=6>TABELA</FONT></CENTER>

<BR>

<TABLE BORDER=1> <! Inicia a tabela e coloca uma borda de espessura igual a 1>

<TR> <! Cria a primeira linha da tabela>

<TD>PRIMEIRA COLUNA </TD> <! Aqui foi criada uma célula>

<TD>SEGUNDA COLUNA </TD>

<TD>TERCEIRA COLUNA </TD>

</TR> <! Fecha a primeira linha da tabela>

<TR> <! Abre a segunda linha da tabela>

<TD> PRIMEIRA COLUNA</TD>

<TD>SEGUNDA COLUNA </TD>

<TD>TERCEIRA COLUNA </TD>

<TR> <! Encerra a Segunda linha da tabela>

</TABLE> <! Encerra a tabela>

</BODY>

</HTML> 

 

.