As molduras são usadas em uma página Web para dividi-las em quadros.
Em cada um desses quadros, podem ser colocadas outra página Web, ou uma imagem ou até mesmo um vídeo.
E, todos esses quadros dividem a página criada.
Uma página com um conjunto de molduras é chamada de Frameset.
E é esse Frameset que armazena as informações sobre a maneira como as molduras serão exibidas.
O Frameset é um arquivo onde se define a estrutura e a distribuição dos Frames da página, e passa a ser a página principal do site.
O resultado exibido no navegador é igual a um molde onde as páginas se encaixam.
Aqui temos um Frameset com quatro Frames:
Aqui temos outro Frameset com cinco Frames:
Nesse documento html, a etiqueta <body> e a </body> são substituídas pelas etiquetas <frameset> e </frameset>.
Esse documento html pode ser o arquivo index.html, que é a página inicial do seu site.
Veja uma estrutura de um documento html, contendo as etiquetas Frameset e Frame.
Esta é uma estrutura básica.
Mas como está sem seus atributos não vai funcionar.
Exemplo 1:
<html>
<head> <title> exercício de frames</title> </head>
<frameset>
<frame src="">
<frame src="">
</frameset>
</html>
Esta é uma estrutura básica de um documento html, contendo um conjunto de quadros, com alguns de seus atributos.
Ela já pode ser salva e visualizada no navegador, e vai exibir as molduras que dividem a página.
Exemplo 2:
<html>
<head> <title> exercício de frames</title> </head>
<frameset rows="15%, 25%, 50%">
<frame src="">
<frame src="">
<frameset cols="15%, 25%, 50%">
<frame src="">
<frame src="">
<frame src="">
</frameset>
</frameset>
</frameset>
</frameset>
</html>
Digite, salve, e veja o resultado, visualizando no navegador.
A etiqueta <frameset> é que define o arquivo criado, com seus blocos.
A etiqueta <frame> define cada janela ou bloco, dentro do <frameset> e suas características.
E cada <frame> tem uma “Url” ou um endereço de uma página.
Espero que tenha gostado dessa postagem.
Deixe o seu comentário para que eu possa melhorar ainda mais esse Blog.
Ah, e não se esqueça de se inscrever nesse Blog, para você receber grátis as atualizações por e-mail.
Até a próxima postagem!
Nenhum comentário:
Postar um comentário