Criar Blogs

Células Mescladas
Para mesclar as células vamos atribuir à Tag TD os seguintes atributos:
COLSPAN: Será o numero de colunas que a célula ocupara.
ROWSPAN: Será o numero de linhas que a célula ocupara.

<Table Border=”2″ width=”50%” cellpadintg=”3″ celladding=”3″>
<TR bgcolor=”#FFFACD”>
<TD colspan=”2″>Célula 1</TD>
</TR>
</TABLE>

Atributos Individuais

Vamos agora configurar individualmente cada célula.
ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right,
left, center.
BGCOLOR: define a cor de fundo das células da linha ou de uma célula
individual;
VALIGN: alinhamento vertical de uma célula ou de células de uma linha;
Pode ser top, middle ou bottom.
WIDTH: largura de uma célula em pixels ou %;
NOWRAP: indica ao browser que o texto da célula não pode ser dividido em
mais de uma linha. A coluna inteira terá o tamanho do texto escrito naquela
célula;

<table border=”2″ bordercolor=”#003300″ bgcolor=”green” width=”60%”
height=”40%” cellspacing=”3″ celladding=”3″>
<tr align=”left” valign=”top”

TABELAS

As Tabelas servem para deixar mais organizados os dados disponíveis em sua
pagina.

Criando tabelas
Para criar tabelas simples, vamos fazer da seguinte maneira:

<TABLE>
<TR>
<TH>Cabeçalho da Tabela</TH>
<TD>Dados da Tabela</TD>
</TR>
</TABLE>

As tag’s Table e /Table servem para indicar inicio e fim de tabela.

TR define cada linha de cada tabela.

TH Define o cabeçalho da Tabela. É uma célula da tabela.

TD Define os dados da Tabela.

Melhorando a Tabela

Agora vamos melhorar a aparência da tabela inserindo Tag’s

BORDER: espessura da borda em pixels.

BOREDERCOLOR: especifica a cor da borda da tabela

WIDTH: especifica a largura da tabela em relação ao browser, em pixels ou %;

HEIGHT: especifica a altura da tabela em relação ao browser, em pixels ou %;

CELLSPACING: especifica o espaço entre uma célula e outra, em pixels;

CELLADDING: especifica o espaço entre os dados e a borda da tabela, em pixels;

BGCOLOR: cor de fundo das células da tabela.