Veja como ficou : EXEMPLO 9

Estranho né? Pois esse é exatamente uma arquivo HTML que representa um documento de layout e este deverá ser o primeiro arquivo da sua homepage (o famoso "index.htm").
Observe que o código de exemplo9.htm mostrado acima não possui qualquer conteúdo, como textos ou imagens, ele apenas define as divisões da janela do browser.
    Vamos ver quem são esses novos tags que formam a base dos frames e que surgiram neste exemplo:
Tag
    Repare  em nosso exemplo que o tag , que geralmente aparece em todos os documnetos HTML Sumiu! Ele foi substituído pelo novo tag , que é exatamente o que distingue os documnetos de layout do código HTML das páginas normais.
    Repare que o tag possui um argumento queo o define:
- Tipo da divisão desejada - em colunas (vertical) ou linhas (horizontal) : COLS ou ROWS
-  Número e largura de cada coluna/linha: a definição da largura está especificada no número existente entre cada vírgula. A quantidade de valores especificados entre vírgulas  determina o número de divisões na tela.
   No exemplo, o comando é , o que significa que estamos fazendo a divisão em duas colunas, com a da esquerda possuindo uma largura de 200 pixels. O asterisco significa que a divisão da direita terá a largura definida pelo próprio browser - quer dizer, ele utilizará exatamente o espaço que estiver sobrando na tela.
    Poderíamos  ter fornecido o asterisco como largura para as duas regiões, e assim o browser dividiria a tela exatamente ao meio.
Veja o código e depois o exemplo:

Veja como ficou : EXEMPLO 10

Tab
    Imagine que está encomendado uma rmário a uma marceneiro. A primeira coisa que vc deverá determinar é quantas gavetas o armário terá, e o tamanho de cada uma delas. Depois do armário pronto,  vc deverá definir o que colocar em cda lugar. Pois é, aqui estamos fazendo exatamente a mesma coisa. Com o tag declaramos as divisões de nosso "armário", agora com o tag iremos dizer o que será carregado em cada um de suas divisões.
    Para cada frame definido em , é nescessária a utilização de um tag . Em nosso exemplo definimos dois frames - . Sendo assim, precisamos de dois tags em nosso código.
    A menos que você ache bonito um frame vazio, no comando você irá definir o arquivo que será carregado no frame. Em exemplo9.htm, o frame da esquerda irá carregar o arquivo frameesq.htm o o frame da direita irá carregar o arquivo framedirei.htm. É importante ressaltar que esses arquivos nada mais são do que arquivos HTML normais, podendo conter links, imagens etc...
    Você també poderá apelidar seus frames através do comando . Ele define o nome do frame, e pode ser muito necessário quando, por exemplo, você quiser determinar que futuros documnetos serão carregados especificamente naquele frame. Em nosso exemplo, somente o frame da direita foi apelidado. Guarde bem o nome desse argumento, pois ele será muito útil mais adiante.
    Estamos introduzindo um conceito um pouquinho mais complicado (espere até ver Java!!!) do que os que aprendemos até agora. Por isso, está na hora de respirar fundo e analisar com bastante cuidado o exemplo que foi fornecido e tudo o que foi falado até agora.
    Um bom exercício é copiar o código acima para o seu editor de HTML predileto (o meu é o wordpad :)  e fazer  várias outras combinações possíveis, como troca de argumento COLS por ROWS, modificação no tamanho e quantidade de frames. Por exemplo: provocará a divisão da tela em três frames horizontais, onde o primeiro possui uma altura de 100 pixels, o terceiro 200, e o segundo o restante do espaço da tela. Lembre-se que neste caso vc irá precisar de três tag para compor seu código.

Veja como ficou: EXEMPLO 11