Tabela célula 1 célula 2 célula 3 célula 4
Os comandos da tabela acima seria assim:
<TABLE> <CAPTION> Tabela </CAPTION>
<TH> célula 1 </TH>
<TH> célula 2 </TH>
<TD> célula 3 </TD>
<TD> célula 4 </TD>
Atributos para a tag <TABLE>:
BORDER - define a espessura da borda;
WIDTH - define a largura da tabela, pode ser definida em % ou valor absoluto (com números);
ALIGN - alinhamento horizontal (Right, Center, Left);
BGCOLOR - para alterar a cor de fundo;
BACKGROUND - permite colocar uma imagem no fundo;
CELLSPACING - define o espaço existente entre as células da tabela;
CELLPADDING - define o espaço existente entre as bordas da célula e seu conteúdo;
BORDERCOLOR - usado para alterar a cor da borda.
Atributos para as tags <TD> e <TH>:
COLSPAN - especifica quantas colunas da tabela a célula vai ocupar; ROWSPAN - especifica quantas linhas da tabela a célula vai ocupar;
WIDTH - define a largura de cada célula, pode ser definida em % ou valor absoluto (com números);
HEIGHT - define a altura de cada célula, pode ser definida em % ou valor absoluto (com números);
ALIGN - alinhamento horizontal (Right, Center, Left);
VALIGN - alinhamento vertical (Top, Middle, Bottom);
BGCOLOR - alterar a cor de fundo desse elemento.
Uma tabela usando alguns elementos destes ficaria assim:
célula 1 célula 2 célula 3 célula 4
Códigos da tabela acima;
<TABLE BORDER=1 BORDERCOLOR=#fc0 BGCOLOR=#6f CELLSPACING=2 CELLPADDING=10 ALIGN=center> <TR>
Frames
Os frames permitem a divisão da tela em diferentes regiões onde pode-se apresentar diferentes páginas. Isso possibilita, por exemplo, que se determine a área da tela para ser a página principal e outras áreas para menus ou links.
A tag <FRAMESET> cria um documento de definição de frames, que é onde será criado o layout de cada frame e indicado o nome dos documentos que serão apresentados. Essa tag substitui a tag <BODY> quando for utilizada.
Deve-se definir um dos dois atributos a tag <FRAMESET> para se ter o layout desejado: COLS e ROWS.
Com o atributo COLS indicamos quantas colunas teremos na página - <FRAMESET
COLS="lagura_coluna, largura_coluna, *"> (a largura podde ser definida em porcentagem (%) ou em valor absoluto) - Assim, divide-se quantos frames foram indicados e pelo * (asterístico), definimos que o frame ocupará todo o espaço restante da tela.
O atributo ROWS define quantas linhas a frame será dividida - <FRAMESET
ROWS="50%, 50%"> - definimos que a página será dividida em 2 frames horizontais. O atributo SRC indica qual página será chamada em cada frame criado e o atributo
NAME atribui o nome a esse frame.
Existem ainda outros atributos que estão relacionados abaixo:
Atributos Utilização
MARGINWIDTH Determina as margens esquerda e direita do frame. MARGINHIGHT Determina as margens superior e inferior do frame.
SCROLLING = YES, NO ou AUTO
Configura a barra de rolagem, podendo aparecer ou não. Pode ainda, aparecer somente quando o texto ultrapassar o tamanho da célula (AUTO).
NORESIZE Impede que as barras que delimitam os frames sejam redimensionados.
O código de um documento HTML contendo frames ficaria assim:
<TITLE> Título da Página </TITLE>
<FRAME SCR="página que ficará no 1ª frame" NAME="nome do 1ª frame">
<FRAME SCR="página que ficará no 2ª frame" NAME="nome do 2ª frame">
| A tag <NOFRAME> | </NOFRAME> coloca o código que substituirá a página caso o |
| que estiver entre tag de abertura e fechamento <NOFRAME> | </NOFRAME> será |
Browser não dê o suporte ao recurso de frames. Caso o Browser entenda frames, tudo ignorado e o frame funcionará conforme programado.
Exemplo:
<TITLE> Título da Página </TITLE>
<FRAME SCR="página que ficará no 1ª frame" NAME="nome do 1ª frame">
