Tabelas correspondem a um ótimo formato para originar informações, e é por essa razão que eles foram acrescentados à linguagem HTML
CONSTRUINDO TABELAS COM O ELEMENTO TABLE
A TAG <TABLE> é utilizada para a representação de dados tabulares. A estrutura e o conteúdo da tabela devem ficar dentro das TAGs <TABLE> </TABLE>
O TÍTULO DA TABELA (ELEMENTO CAPTION)
A TAG <CAPTION> especifica o título de uma tabela. Por exemplo:
Código:
<CAPTION>Notas da primeira avaliação</CAPTION>
TABLE HEADINGS (ELEMENTO TH)
A TAG <TH> é usada para especificar as células de cabeçalho da tabela. Essas células são diferentes das outras, pois seu conteúdo aparece geralmente em negrito. O elemento TH pode ser apresentado sem conteúdo algum: isso corresponde a uma célula em branco. As tabelas podem ainda conter mais de um TH para uma dada coluna, ou linha, ou simplesmente não conter nenhum elemento TH, isto é, não conter em nenhuma célula em destaque. O TAG dela é:
Código:
<HT>texto em destaque</HT>
Observações: Elas devem ficar, assim como todas, dentro da TAG <TABLE>.
TABLE DATA (ELEMENTO TD)
A TAG <TD> especifica a células de dados de uma tabela. Por se tratar de dados comuns (e não cabeçalhos), essas células possuem seu conteúdo escrito em fonte normal, sem nenhum destaque e alinhamento à esquerda. Assim como o TH, pode-se construir células em branco, usando o elemento TD, como no exemplo a seguir:
Código:
<TD>Células de dados</TD>
Observações: A TAG de terminação, <TD>, também é opcional.
END OF TABLE ROW (ELEMENTO TR)
A TAG <TR> indica o fim de uma linha na tabela. Cada linha da tabela pode conter várias células, e portanto, é necessário que se faça uso de uma marcação que indique exatamente o ponto de quebra de uma linha e início de outra. Toda linha deve terminar com um <TR>, com exceção da última linha da tabela, que dispensa o TR porque o uso da própria marcação de fim de tabela </TABLE> torna implícito o fim da linha.
ATRIBUTOS PARA A TABELA
As marcações das tabelas podem apresentar resultados diferentes, se acompanhadas de alguns atributos. Os principais são:
BORDER
Um atributo opcional para ser usado com TABLE é o atributo BORDER. Se ele estiver presente, a tabela será formatada com linhas de borda.
Atenção: Todas as explicações acima como as que estão por vir, foram feitas, para que você possa saber o que significa a TAG em questão.
Exemplo:<TABLE BORDER>
Código:
<CAPTION> Nota da primeira avaliação </CAPTION>
<TD>Notas/Alunos</TD>
<TH>Eduardo</TH>
<TH>Ana Lúcia</TH>
<TH>Andréa</TH>
<TR>
<TH>Notas</TH>
<TD>8,0</TD>
<TD>9.3<TD>
<TD>7.8</TD>
<TR>
<TH>No de Inscrição</TH>
<TD>376234809</TD>
<TD>387349048</TD>
<TD>502350432</TD>
</TABLE>
Para Usar Bordas Tracejadas use o style = “border:dashed valor px”
Código:
<table style="border:dashed 10 px;" width="75%" border="0">
<th>Testando</th>
</table>
O atributo BORDER pode também receber um valor que vai estabelecer qual a espessura (além da existência)da linha de borda da tabela (BORDER="valor"). Se o valor atribuído for 0 (zero), o BORDER funciona exatamente como o caso padrão, sem o BORDER. Dessa maneira, é possível colocar tabelas em maior destaque, atribuindo um valor maior que 1 para o BORDER.
Código:
<TABLE BORDER=5>
<TD>TESTE</TD>
<TD>TESTE2</TD>
<TD>TESTE3</TD>
<TR>
<TD>TESTE4</TD>
<TD>TESTE5</TD>
<TD>TESTE6</TD>
</TABLE>
ALIGN
Este atributo pode ser aplicado a TH, TD ou TR e controla o alinhamento do texto dentro de uma célula, com ralação as bordas laterais. Quando aplicado a TR, ele define o alinhamento de toda uma linha da tabela
O exemplo abaixo, mostra como o ALIGN aceita os valores LEFT, CENTER ou RIGHT, para alinhar à esquerda, centralizar ou alinhar à direita, respectivamente.
Código:
<TABLE BORDER>
<TD>Primeira célula</TD>
<TD>Segunda célula</TD>
<TD>Terceira célula</TD>
<TR>
<TD ALIGN="CENTER">Centro</TD>
<TD ALIGN="LEFT">Esquerda</TD>
<TD ALIGN="RIGHT">Direita</TD>
<TR>
</TABLE>
VALIGN
Pode ser aplicado a TH e TD e define o alinhamento do texto em relação às bordas superior e inferior.
Aceite os valores TOP, MIDDLE, E BOTTOM para alinhar na parte de cima, no meio e na parte de baixo, respectivamente.
Veja o exemplo:
Código:
<TABLE BORDER>
<TD>Teste de alinhamento</TD>
<TD VALIGN="TOP">TOP</TD>
<TD VALIGN="middle">MIDDLE</TD>
<TD VALIGN="bottom">BOTTOM</TD>
</TABLE>
Wishing you the best of luck for all your blogging efforts.This is my first opportunity to chat this website. I found some interesting things and I will apply to the development of my blog.
We offer end-to-end technical consultancy and know-how as well as know-why to broad spectrum of different requirements of the broadcasting industry.
broadcast consultancy
apple authorized service center in kolkata
apple reseller in guwahati
This post is very enlightening on this topic. I feel strongly that love and read more on this topic. I just tripped upon your blog and required to say that I have really enjoyed reading your blog stations. Thanks for sharing. 안전놀이터
This is very informative and you are obviously very 릴게임 바다이야기 knowledgeable in this area. You will find a lot of approaches after visiting your post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Thanks for sharing.
It is a very excellent blog post. I really really love it. I hope that you continue 릴게임 to do your work like this in the future. Thanks for sharing this with us.
Your writing is great, and for your writing to appeal to readers, look for a form of relaxation, gaming. Trust me and this will be an interesting game surviv io
AMBBET แน่นอนการเดินทางโดยไร้จุดหมาย เว็บคาสิโน ทำให้เราเสียเวลาเป็นอย่างมาก ambbet โปร ผู้เล่นควรตั้งเป้าหมายว่า เกมสล็อต จะได้กำไรเท่าไหร่ถึงจะพอ สมัคร amb ซึ่งวิธีการตั้งเป้าหมายนั้น reeffutures2018 เราจะกำหนดจากความเป็นจริง gclub โดยคำนวณจากเงินทุนที่มี AMB สำหรับเกมสล็อตเอากำไรสัก บาคาร่า 40%-50% ของ mavoixtavoie ทุนที่มีก็เพียงพอแล้ว หากอยาก xopg.net ได้เยอะต้องให้เข้าเกมโบนัส northbristol หรือรางวัลแจ็คพอตเท่านั้น เกมคาสิโน ถ้าเป็นการจ่ายปกติ herbalpertpresents ไม่ควรเกินนี้จ้า
Electric bill calculation, a dance of electrons transformed into utility costs. Wattage whispers and kilowatt hours pirouette on the stage of consumption. Algorithms conduct the symphony, revealing the financial sonnet of energy usage. Illuminate your understanding as volts and amperes compose the financial melody.
