Se você quer uma Ajuda Específica para o seu caso, proceda como indicado:
clique Suporte, e
envie a sua dúvida (para cadastrados no CLUBE DO HELP DESK)
ou envie sua dúvida para nosso
Super Fórum
)
Seção HTML da abcDICAS.com.br
HTML
Dicas de Uso para a Construção de Páginas
Web
Guia Avançado de
Referência dos Comandos HTML (P - Z)
O TAG <TABLE> é o elemento
principal na definição de uma tabela, e também na definição de outros atributos
específicos, que servem para dar maior controle sobre como deve ser apresntada uma table
numa página HTML. Os demais elementos de tabela são ignorados se não estiverem entre os
tags <TABLE> e </TABLE>.
O tag <TABLE> possui os seguintes
atributos:
BORDER="valor" Este atributo pode ser utilizado tanto para setar
quanto para controlar as bordas de uma tabela. Se tal atributo estiver presente, então
uma borda será desenhada em torno das células de toda a tabela.
A exata espessura do borda, e de como ela é apresentada
num dado browser, só depende desse próprio browser. O Netscape Navigator e o Internet
Explorer apresentam as bordas de uma tabela de forma levemente difenciada.
Se, entretanto, o atributo BORDER não estiver presente,
então os browsers não mostrarão as bordas da tabela, muito embora a forma da tabela
será preservada e apresentada, como se as bordas lá estivessem, inclusive com os
espaços necessários à espessura das bordas. O atributo BORDER quando seguido de um
valor numérico indica a exata espessura da borda. Além disso, se o valor assumir o
número zero, novamente os browsers não mostrarão as bordas.
CELLSPACING="valor"
O atributo CELLSPACING define a quantidade de espaço inserido
entre células individuais da tabela. Seu valor padrão é de 2.
CELLPADDING="valor"
O atributo CELLPADDING define a quantidade de espaço em
branco entre as bordas da tabela e o conteúdo de cada célula (texto ou imagem). O valor
padrão é igual a 1.
Ex.: <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
dá uma representação da tabela com o formato o mais
compacto possível.
WIDTH="valor ou porcentual" Se utilizado, tal atributo pode especificar ou o
tamanho exato da largura da tabela, medida em pixels, ou a largura da tabela como uma
porcentagem da largura atual da janela do browser.
HEIGHT="valor ou porcentagem" Se utilizado, tal atributo pode especificar ou o
tamanho exato da altura da tabela, medida em pixels, ou a altura da tabela como uma
porcentagem da altura atual da janela do browser.
ALIGN="left|right"
O atributo ALIGN, suportado tanto pelo Netscape, quanto pelo
Explorer, permite que a tabela seja alinhada à esquerda|direita, respectivamente, da
página, o que permite que porções de texto possam envolver a tabela (tal como no tag <IMG>).
Também como no caso das imagens flutuantes, é necessário ter conhecimento do tag <BR
CLEAR=...> para garantir a organização do texto que é mostrado, minimizando
uma formatação pobre.
VALIGN="top|bottom" Tanto o Netscape, quanto o Explorer, suportam este
atributo. Tal atributo especifica o alinhamento vertical do texto, e das imagens, que é
mostrado dentro das células. O padrão, que é usado em caso de não definição do
atributo VALIGN, é o alinhamento centralizado.
BGCOLOR="#rrggbb|nome_da_cor" Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois
browsers, e funciona como no tag <BODY>. Esse atributo permite que se especifique a
cor de fundo da tabela. Para tal pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o
vermelho) ou dar o nome da cor desejada.
BORDERCOLOR="#rrggbb|nome_da_cor" O Internet Explorer suporta um atributo extra que
permite setar a cor em que a borda deverá ser mostrada pelos browsers. Segue a mesma
convenção para os casos acima. Para que o atributo BORDERCOLOR funcione é necessária a
presença do atributo BORDER no tag <TABLE>.
BACKGROUND="URL_da_imagem" Outra vêz só Internet Explorer permite o uso deste
atributo, que permite a colocação de uma imagem como fundo da tabela. Também permite
que, em conjunção com os tags <TD> e <TH>,
sejam inseridas figuras como fundo de algumas células da tabela.
Se o atributo BACKGROUND for usado no tag <TABLE>
então a imagem será reproduzida lado a lado (como em papel de parede) por trás de todas
as células da tabela. Como imagem pode ser utilizado qualquer um dos formatos suportados
pela linguagem HTML.
O tag <TD> significa dados da
tabela, e especifica uma célula da tabela. Células TD devem aparecer apenas dentro de
linhas da Tabela (<TR>). Cada linha de uma tabela não necessita
possuir o mesmo número de células. Uma linha especificada com menos células que outras
será apresentada com elementos (células) em branco à sua direita. Uma célula pode
conter qualquer elemento normalmente presente no corpo de uma página HTML.
A seqüência <TD> ..... </TD>
pode conter os seguintes atributos:
ALIGN="left|center|right"
Este atributo controla o alinhamento do texto (ou da imagem), fazendo-o à esquerda,
centralizado, ou à direita, respectivamente.
VALIGN="top|middle|bottom|baseline"
O atributo VALIGN controla o alinhamento vertical do texto (ou imagem) dentro da célula,
fazendo-o alinhado ào topo, centralizado, ou alinhado à parte inferior da célula. Se o
valor baseline for colocado, o atributo fará com que todas as células, numa mesma linha,
sejam alinhadas com sua linha base.
WIDTH="valor ou porcentagem"
Se usado, este atributo permite especificar a largura exata da célula, seja em pixels,
seja em uma porcentagem da largura da tabela sendo mostrada. Uma única célula pode setar
a largura de toda a coluna, assim é recomendado que se especifique todas as células numa
mesma coluna como tendo a mesma largura, se desejado ter-se toda a coluna setada
igualmente.
HEIGHT="valor ou porcentagem" Se usado, este atributo permite especificar a altura exata da célula, seja em
pixels, seja em uma porcentagem da altura da tabela sendo mostrada. Uma única célula
deve setar a altura de toda a linha de células da tabela.
Nota : o Netscape suporta o uso de valor em pixels ou em
porcentagem para o atributo WIDTH; entretanto só suporta o atributo HEIGHT="%valor" para o tag <TABLE>. enquanto isso, o
Internet Explorer suporta ambos (porcentagem e valor em pixels) para ambos os atributos
(HEIGHT e WIDTH).
NOWRAP
Se este atributo aparece em qualquer célula da tabela (<TH> ou <TD>)
isto significa que as linhas de texto, dentro dessa célula, não poderão ser quebradas
para caberem dentro da largura definida para ela. Muita cautela ao usar tal atributo, pois
células de elevadas larguras poderão resultar dessa atribuição.
COLSPAN="valor" Este atributo pode aparecer em qualquer célula da tabela (<TH>
ou <TD>) e especifica que uma célula deve se expandir por mais de
uma coluna de largura. O padrão para o atributo COLSPAN é igual a 1.
ROWSPAN="valor"
Este atributo pode aparecer em qualquer célula da tabela (<TH> ou <TD>)
e especifica que uma célula deve se expandir por mais de uma linha de altura. O padrão
para o atributo ROWSPAN é igual a 1. Uma expansão que for maior que o número de linhas
definidas por um tag <TR> será truncada.
BGCOLOR="#rrggbb|nome_da_cor" Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois browsers, e funciona como no tag
<BODY>. Esse atributo permite que se especifique a cor de fundo da célula. Para tal
pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o vermelho) ou dar o nome da cor
desejada.
BORDERCOLOR="#rrggbb|nome_da_cor" O Internet Explorer suporta um atributo extra que permite setar a cor em que a
borda deverá ser mostrada pelos browsers. Segue a mesma convenção para os casos acima.
Para que o atributo BORDERCOLOR funcione é necessária a presença do atributo BORDER no
tag <TABLE>.
BACKGROUND="URL_da_imagem" Outra vêz só Internet Explorer permite o uso deste atributo, que permite a
colocação de uma imagem como fundo da célula (elemento <TD>).
A tag <TR> significa linha de uma
tabela. O número de linhas numa tabela é exata e unicamente especificada por quantos
tags <TR> são contidos dentro da mesma. Não importa quanto o
valor do atributo ROWSPAN seja especificado.
A tag <TR> pode possuir os seguintes atributos:
ALIGN="left|center|right"
Controle se o texto dentro das células é alinhado à esquerda, centralizado, ou alinhado
à direita.
VALIGN="top|middle|bottom|baseline"
O atributo VALIGN controla o alinhamento vertical do texto (ou imagem) dentro da célula,
fazendo-o alinhado ào topo, centralizado, ou alinhado à parte inferior da célula. Se o
valor baseline for colocado, o atributo fará com que todas as células, numa mesma linha,
sejam alinhadas com sua linha base.
BGCOLOR="#rrggbb|nome_da_cor" Tal como nos casos acima, o atributo BGCOLOR é suportado pelos dois browsers, e funciona como no tag
<BODY>. Esse atributo permite que se especifique a cor de fundo da célula. Para tal
pode-se dar uma tripla em hexadecimal (ex.: FF0000 para o vermelho) ou dar o nome da cor
desejada.
BORDERCOLOR="#rrggbb|nome_da_cor" O Internet Explorer suporta um atributo extra que permite setar a cor em que a
borda deverá ser mostrada pelos browsers. Segue a mesma convenção para os casos acima.
Para que o atributo BORDERCOLOR funcione é necessária a presença do atributo BORDER no
tag <TABLE>.
O tag de Lista Não-ordenada (Unordered List) é utilizado
para apresentar uma listagem de itens que não têm o objetivo de definir uma seqüência
ou uma prioridade para os itens.
Uma Lista Não-Ordenada deve começar sempre com o tag <UL>
o qual deve ser imediatamente seguido pelo tag <LI>
(list item). Uma lista não-ordenada pode ser indentada.
Por exemplo:
<UL>
<LI>Primeiro item nesta lista
<LI>Segundo item nesta lista
<LI>Terceiro item nesta lista
</UL>
Aparece como:
Primeiro item nesta lista
Segundo item nesta lista
Terceiro item nesta lista
O desenho da marca da lista possui uma seqüência
pré-determinada pelo HTML, que vai do disco cheio, passa pelo círculo vazado, e chega
até o quadrado cheio. Cada marca vai ser representada de acordo com seu nível de
indentação. O atributo TYPE permite alterar tal definição, que deve ser especificada
assim:
TYPE=disc TYPE=circle TYPE=square
NOTA : o atributo TYPE e o atributo START usados
nos tags <OL> e <LI> são suportados apenas pelos
browsers Netscape e Internet Explorer.
Atenção: não temos condição de dar suporte direto para todos os visitantes;
use nosso
Super Fórum Web Design para poder enviar suas dúvidas. O registro é gratuito!
Para um suporte diferenciado use o nosso
Clube do Help Desk.
