HTML - tutorial

Tutoriais » HTML » Frame »

Frame

Atributos Frame
Os frames são divisores que dividem a página em duas ou mais partes, cada parte é chamada de frameset. Os frames são geralmente usados para que um frameset permaneça enquanto outros mudem baseados nos links que o usuário seleciona.

<frameset>

<frameset><frameset>
Determina o início e o fim de um frame. Deve ser usado juntamente com os parâmentros cols (frame na vertical) ou rows (frame na horizontal).

cols="x,x"
Determina o número de regiões verticais da página. Deve ser indicado juntamente com uma lista de valores. Cada valor especifica a largura de cada frameset e pode ser definido em pixels, percentual ou através de asterisco.

rows="x,x"
Determina o número de regiões horizontais da página. Deve ser indicado juntamente com uma lista de valores. Cada valor especifica a largura de cada frameset e pode ser definido em pixels, percentual ou através de asterisco.

border = "x"
Determina a espessura da linha divisória que aparece entre os framesets. Sendo que x é o valor da borda em pixels.

bordercolor = "cor"
Determina a cor da linha divisória que aparece entre os framesets.

<frame>

src = "página.htm"
Determina a página ou arquivo que será carregado na região correspondente.

name = "nome"
Determina um nome ao frameset correspondente. O nome é de vital importância na utilização dos frames.

noresize
Deixa a linha do frameset estática.

Marginheight = "x"
Determina a largura em pixels da margem vertical.

Marginwidth = "x"
Determina a largura em pixels da margem horizontal.

scrolling = "valor"
Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset.

Importante
Para abrir uma página em frameset diferentes você deve especificar o nome do mesmo no link. Ex: <a href="pagina.htm" target="nomedoframeset"></a>

Exemplo
Logo abaixo está o código básico de uma página com frame. Se preferir faça o download de um exemplo completo e modifique-o em seu editor.