Tabelas:

Ir para fim da página

voltar para Links
As tabelas são um importante recurso na confecção de páginas Web. Com elas é possível organizar dados e informações tornando-os mais legíveis. As marcações para criação de tabelas são as seguintes:

<TABLE> para iniciar a tabela e </TABLE> para finalizá-la.

ATENÇÃO: para que as bordas da tabela ( ou linhas de grade ) apareçam, é necessário incluir o atributo "BORDER" na marcação de inicio dessa forma: <TABLE BORDER>.

<TR> e </TR>, são as marcações que definem cada linha de uma tabela.

<TH> e </TH>, são usados para definir os títulos de uma tabela, e podem ser posicionados em qualquer célula. O conteúdo sempre aparecerá em NEGRITO.

<TD> e </TD>, são as marcações que definem cada célula de uma tabela. Devem sempre aparecer entre as marcações de linha(<TR> e </TR>).

A seguir veja um exemplo de tabela e como será visualizada no browser:

<CENTER>
<TABLE BORDER>
<TR ALIGN=CENTER>
<TH COLSPAN=2>Tutoriais da RNP</TH>
<TR>
<TR>
<TH>Config Eudora</TH><TD>Configurando o Eudora</TD>
<TR>
<TR>
<TH>Curso Eudora</TH><TD>Curso do Eudora</TD>
<TR>
<TR>
<TH>Exercícios Unix</TH><TD>Exercícios para Unix Básico</TD>
<TR>
<TR>
<TH>Netscape</TH><TD>Tutorial sobre o Netscape</TD>
<TR>
<TR>
<TH>Novell</TH><TD>Introdução às Redes Novell</TD>
<TR>
</TABLE>
</CENTER>

Tutoriais da RNP
Config EudoraConfigurando o Eudora
Curso EudoraCurso do Eudora
Exercicios UnixExercícios para Unix Básico
NetscapeTutorial sobre o Netscape
NovellIntrodução às redes Novell

Os atributos inseridos acima tem as seguintes funções:
<TABLE BORDER> Fará aparecer as bordas da tabela. Reescreva os comandos sem o Border, e veja o que ocorre.
<TR ALIGN=CENTER> Alinha o texto no centro da célula. O padrão é texto alinhado à esquerda.
<TH COLSPAN=2> Define quantas colunas a célula irá abranger (no nosso exemplo duas). O padrão é uma coluna por célula.

A seguir, veremos os Atributos de Tabelas


Ir para início da página
Inicio Anterior Próxima
MHP-Site dos sites

copyrigth © 1998 - Márcio Santos Passos.