7.2 - Elemento FRAMESET |
Estude o exemplo:
É importante observar que a página com a especificação dos quadros (como é a página do exemplo acima) é diferente de uma página HTML comum - possui o elemento FRAMESET no lugar do corpo do documento (elemento BODY - consultar A estrutura do documento HTML para comparar a estrutura padrão do documento HTML com a página de quadros acima).
O elemento FRAMESET (conjunto de quadros) especifica a divisão da janela em quadros. Se o atributo cols for especificado, a janela é dividida em colunas verticais. Se o atributo rows for especificado, a janela é dividida em linhas horizontais. No exemplo acima, experimente substituir o atributo rows pelo atributo cols, conforme ilustra a linha de código abaixo, e observe o novo resultado.
<FRAMESET rows="130,*">
A divisão da janela em quadros é feita através de uma lista
de valores. Compare os exemplos:
cols="130,*"
cols="130,*,40"
cols="50%,50%"
rows="130,*,40"
rows="70,100,50%,*"
rows="70,*,50%,*"
A lista de valores indica em quantos quadros a janela será dividida e qual a medida de cada quadro. Para cada quadro definido nesta lista é preciso declarar um elemento FRAME. Observe o exemplo:
No exemplo acima, o atributo rows="60,*,45" está dividindo a janela
em 3 quadros horizontais (em forma de linha): o 1º quadro tem 60 pontos de
altura; o 3º quadro tem 45 pontos de altura; e o quadro do meio (o 2º quadro) ocupa todo o resto
da dimensão da janela - ou seja, o 1º e o 3º quadro possuem dimensões fixas
(independem do tamanho da janela do navegador) enquanto o 2º quadro possui
dimensão variável de acordo com o tamanho da janela do navegador. A
dimensão de cada quadro pode ser especificada de forma absoluta (em pontos),
relativa (em porcentagem) ou utilizando o asterístico para indicar o espaço
restante. Se dois ou mais quadros forem especificados através de asterísticos
- por exemplo, rows="70,*,*" - então o espaço restante é
dividido em porções iguais entre estes quadros.
Além dos atributos rows e cols, o elemento FRAMESET admite também os atributos border e frameborder. O atributo border especifica a largura da linha divisória entre os quadros. Já o atributo frameborder especifica se esta linha divisória será ou não mostrada (se frameborder=1, então a linha será mostrada; se frameborder=0, então a linha não será mostrada). Experimente utilizar estes atributos, no exemplo acima, conforme sugerido nas linhas de código a seguir:
<FRAMESET rows="60,*,45"" border=20>
<FRAMESET rows="60,*,45"" border=20 frameborder=0>
<FRAMESET rows="60,*,45"" border=0 frameborder=0>
A tabela abaixo resume os atributos do elemento FRAMESET:
|