Table - Td - Tr

' SecreT ~* · 11 de Julho 2010

TABLE

A tag <TABLE> apresenta alguns parâmetros que permitem customizar a tabela:

BORDER – define o tamanho da borda da tabela.

BORDERCOLOR – define a cor da borda da tabela.

ALIGN – define o alinhamento da tabela dentro da página. As opções são: LEFT(padrão),

CENTER e RIGHT.

WIDTH – define a largura da tabela. Pode ser informado em pixels ou percentual da tela.

HEIGHT – idêntico ao anterior, porém em relação à altura.

BGCOLOR – define o cor do plano de fundo da tabela.

BACKGROUND – insere uma imagem no plano de fundo da tabela.

CELLSPACING – insere um espaço entre as células. É informado em pixels.

CELLPADDING – Insere margens dentro de cada célula da tabela.

<HTML>

<HEAD>

<TITLE>Tabelas 1</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=3 BORDERCOLOR=”blue” BGCOLOR=”red”>

<TR>

<TD>A</TD>

<TD>B</TD>

<TD>C</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Abra um novo arquivo no bloco de notas e digite o trecho de código acima. A seguir salve

o arquivo na sua pasta com o nome curso015.htm e abra esse arquivo no browser.

TR

A tag <TR> apresenta alguns dos parâmetros da tag <TABLE>, porém somente alterarão o

comportamento de uma linha da tabela. São eles: BGCOLOR, BORDERCOLOR E ALIGN.

TD

A tag <TD> também apresenta alguns parâmetros comuns, que surtirão efeitos somente

em uma célula: BGCOLOR, BORDERCOLOR, ALIGN, WIDTH e HEIGHT. Os novos parâmetros

são:

COLSPAN – define quantas colunas a célula alcançará.

ROWSPAN – define quantas linhas a célula alcançará.

NOWRAP – impede a quebra de linha dentro da célula.

<HTML>

<HEAD>

<TITLE>Tabelas 2</TITLE>

</HEAD>

<BODY>

<TABLE BORDER=3 BORDERCOLOR=”blue” BGCOLOR=”red”>

<TR BGCOLOR=”yellow”>

<TD>A</TD>

<TD>B</TD>

<TD BGCOLOR=”gray”>C</TD>

</TR>

<TR>

<TD COLSPAN=2>D</TD>

<TD>E</TD>

</TR>

<TR>

<TD ROWSPAN=2>F</TD>

<TD>G</TD>

<TD>H</TD>

</TR>

<TR>

<TD COLSPAN=2>I</TD>

</TR>

</TABLE>

</BODY>

</HTML>

Abra um novo arquivo no bloco de notas e digite o trecho de código acima. A seguir salve

o arquivo na sua pasta com o nome curso016.htm e abra esse arquivo no browser.

Fonte: Aposilando

Topico: Sept

**DiMaSxP** · 15 de Julho 2010

Otimo tutorial explicando oque é de A até Z.

é o basico saber isso para poder montar um site html php etc.

so esqueceram de deixar claro que

<TITLE> serve para falar o nome da pagina la em cima. o titulo da pag.

Entrar

Quem está por aqui 0 membros estão online

Table - Td - Tr

Posts Recomendados

' SecreT ~* 28

Link para o comentário

Compartilhar em outros sites

DiMaSxP 5

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante