7.2 - Elemento FRAMESET

Estude o exemplo:

É importante observar que a página com a especificação do número e dimensões 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. Ele possui diversos atributos que podem ser usados: cols, rows, border, bordercolor, frameborder. Pelo menos o atributo cols ou rows precisam ser usados no FRAMESET.

Se o atributo cols for especificado, a janela é dividida em regiões verticais, que devem ser definidas através de uma lista de valores (separados por vírgulas). Cada valor especifica a largura de cada quadro e pode ser definido em pixels, percentual ou asterisco "*". O asterisco sugnifica "o mais largo possível". No exemplo acima, experimente substituir

    < FRAMESET rows="130,*" >
por

cols="200,*"
cols="130,*,40"
cols="50%,50%"

Se o atributo rows for especificado, a janela é dividida em regiões horizontais, que devem ser definidas através de uma lista de valores tal qual o atributo cols. No exemplo acima, experimente substituir o atributo cols pelo atributo rows, conforme ilustra a linha de código abaixo, e observe o novo resultado.

rows="130,*,40"
rows="70,100,50%,*"
rows="70,*,50%,*"

O atributo border especifica a espessura da linha divisória que aparece entre as regiões. Deve ser definido em pixels. Quando este parâmetro não é definido é usada uma borda com espessura 5. Experimente usar a linha codigo abaixo e observe o novo resultado.

FRAMESET cols="130,*" border=10

O atributo bordercolor configura a cor da linha divisória entre as regiões. Se omitido, a cor cinza é usada. Experimente usar a linha código abaixo e observe o novo resultado.

FRAMESET cols="130,*" border=10 bordercolor=red

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 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.

A tabela abaixo resume os atributos do elemento FRAMESET:

 Atributos:

cols=lista --

Lista das dimensões dos quadros; divide a janela em colunas.

rows=lista --

Lista das dimensões dos quadros; divide a janela em linhas.

border=número --

Largura da linha divisória entre os quadros.

bordercolor=nome --

Cor da linha divisória entre as regiões.

frameborder=0|1 --

Se a linha divisória entre os quadros será mostrada (1) ou não (0).