Resume-se em mais de uma página em uma só tela. É necessário criar três páginas para criar uma página com dois frames, ou seja, uma página principal onde terá as tags referente ao frame que deverá ser salva como: index.html e as outras duas serão abertas dentro desta página principal.
Exemplo:
<HTML> <HEAD> <TITLE> Título da página </TITLE> </HEAD> <FRAMESET COLS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML>
Os códigos acima só serão colocados na página principal que será salva como “index.html”.
Normalmente nesse tipo de frame a página1.html é usada para os menus e a página2.html para conteúdo geral do site.
Neste caso
<FRAMESET COLS="20%, 80%">
o atributo COLS divide as colunas ou seja, 20% do lado esquerdo e 80% do lado direito da página.
Sempre da esquerda para direita. Então a página1.html ocupará 20% do espaço e a página2.html ocupará 80% (espaço vertical).
Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.
As tags
<NOFRAME> e </NOFRAME>
é usado somente para avisar usuário que utiliza browser muito antigo que a página contém frames, que não as conseguirá visualizar (muito difícil acontecer).
Exemplo 2:
<HTML> <HEAD> <TITLE> Título da página </TITLE> </HEAD> <FRAMESET COLS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="pagina3.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML>
Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.
Exemplo 3:
<HTML> <HEAD> <TITLE> Título da página </TITLE> </HEAD> <FRAMESET ROWS="20%, 80%"> <FRAME SRC="pagina1.html"> <FRAME SRC="pagina2.html"> <NOFRAME> </NOFRAME> </FRAMESET> <BODY> </BODY> </HTML>
Copie o código acima, cole no Bloco de Notas e salve como “index.html” depois dê 2 cliques nesse arquivo para visualizá-lo aberto em seu browser.