Os quadros

Abril 2017

Utilização de quadros

É muitas vezes útil apresentar informações melhor estruturadas do que com listas. Os quadros permitem afixá-las em linhas e colunas. Os quadros são definidos como sequências de linhas.


Um quadro deve respeitar as regras seguintes:

  • O quadro é enquadrado pelas balizas <TABLE> e </TABLE>.
  • O título do quadro é enquadrado por <CAPTION> </CAPTION>
  • Cada linha é enquadrada por <TR> </TR> (Table Row, traduz-se por "linha do quadro").
  • As células de cabeçalho são enquadradas por <TH> </TH> (para Table Header : Cabeçalho de quadro)
  • As células de valor são enquadradas por <TD> </TD> (Table Data: Dados do quadro)



Eis um exemplo de quadro HTML :

<TABLE BORDER="1">  
  <CAPTION> Eis o título do quadro</CAPTION>  
  <TR>  
 <TH> Titre A1 </TH>  
 <TH> Titre A2 </TH>  
 <TH> Titre A3 </TH>  
 <TH> Titre A4 </TH>  
  </TR>  
  <TR>  
 <TH> Titre B1 </TH>  
 <TD> Valeur B2 </TD>  
 <TD> Valeur B3 </TD>  
 <TD> Valeur B4 </TD>  
  </TR>  
</TABLE> 


Este código dá o resultado seguinte :



Eis o título do quadro
Título A1 Título A2 Título A3 Título A4
TítuloB1 Valor B2 Valor B3 Valor B4

Os atributos



Atributo
Balizas às quais se aplica Valor Efeito Visual
ALIGNTHEAD
TBODY
TH
TR
TD
CENTER

LEFT

RIGHT

JUSTIFY


 

centrado

Esquerda

Direita

Justificado

 

CAPTIONTOP

BOTTOM


Acima

Abaixo

VALIGN
(alinhamento vertical)
THEAD
TBODY
TH
TR
TD
TOP

MIDDLE

BOTTOM


Em parte superior

Ao meio

Inferior

BORDER=nTABLE Dimensão da cercadura
CELLPADDING=nTABLE Espaçamento de No. pixéis entre o conteúdo das células e a cercadura
CELLSPACING=nTABLE Espessura da grelha interna
FLOATTABLERIGHT

LEFT

Posição do texto que seguirá </TABLE>
COLS=nTABLE Números colunas
FRAME

(controla os elementos individuais de enquadramento do quadro)

TABLENONE

TOP

BOTTOM

TOPBOT

SIDES

ALL


Nenhuma

Inferior

Parte superior

Nos lados

Todos

RULES

(controla os elementos da grelha das células)

TABLENONE

BASIC

ROWS

COLS

ALL


Nenhum

Linha

Coluna

Todos

COLSPANTHEAD
TBODY
TH
TR
TD
 Profusão das células sobre as colunas adjacentes
ROWSPANTHEAD
TBODY
TH
TR
TD
 Profusão das células sobre as linhas adjacentes

Veja também


Tables
Tables
Tablas
Tablas
Tableau HTML (TABLE)
Tableau HTML (TABLE)
Le tabelle
Le tabelle
ASCII
ASCII
Última modificação: 3 de agosto de 2009 às 19:37 por owliance.pt_004.
Este documento, intitulado 'Os quadros', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.