É 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:
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 :
| Título A1 | Título A2 | Título A3 | Título A4 |
|---|---|---|---|
| TítuloB1 | Valor B2 | Valor B3 | Valor B4 |
|
Atributo | Balizas às quais se aplica | Valor | Efeito Visual |
|---|---|---|---|
| ALIGN | THEAD
TBODY TH TR TD | CENTER
LEFT
RIGHT
JUSTIFY
|
centrado
Esquerda
Direita
Justificado
|
| CAPTION | TOP
BOTTOM
|
Acima
Abaixo | |
| VALIGN
(alinhamento vertical) | THEAD
TBODY TH TR TD | TOP
MIDDLE
BOTTOM
|
Em parte superior
Ao meio
Inferior |
| BORDER=n | TABLE | Dimensão da cercadura | |
| CELLPADDING=n | TABLE | Espaçamento de No. pixéis entre o conteúdo das células e a cercadura | |
| CELLSPACING=n | TABLE | Espessura da grelha interna | |
| FLOAT | TABLE | RIGHT
LEFT
| Posição do texto que seguirá </TABLE> |
| COLS=n | TABLE | Números colunas | |
| FRAME
(controla os elementos individuais de enquadramento do quadro)
| TABLE | NONE
TOP
BOTTOM
TOPBOT
SIDES
ALL
|
Nenhuma
Inferior
Parte superior
Nos lados
Todos |
| RULES
(controla os elementos da grelha das células)
| TABLE | NONE
BASIC
ROWS
COLS
ALL
|
Nenhum
Linha
Coluna
Todos |
| COLSPAN | THEAD
TBODY TH TR TD | Profusão das células sobre as colunas adjacentes | |
| ROWSPAN | THEAD
TBODY TH TR TD | Profusão das células sobre as linhas adjacentes |