Make your own free website on Tripod.com

Garça Selvagem

Home | HTML | JavaScript | CSS | Serviços

HTML Avançado - Iframes

Ir para a página inicial da seção HTML

Frames Flutuantes

Os frames flutuantes são bastante ultilizados na Web e seu funcionamento é bem simples.
Vamos ver o código que se acionado ao corpo de um documento HTML, criará um frame flutuante de 200 X 200 pixels na página:

<iframe widt=200  height=200  src=pagina.html></iframe>

Você precisará, é claro, de um arquivo chamado pagina.html para ser exibido pelo frame. Por definição, o frame será alinhado no lado esquerdo da página. Se VC preferir, é possível adicionar um atributo ALIGN=CENTER para centralizá-lo na página.
Como em qualquer outro frame, é possível alterar o conteúdo ultilizando links nas páginas ao redor. Para fazer isso, VC precisará nomear o frame, assim, será possível direcionar o link no frame para que ele abra a página especificada.
Para permitir que o conteúdo do frame seja alterado, adicione o atributo NAME como o que temos aqui:

<iframe width=200  height=200  src=pagina.html  name=frame></iframe>

Agora, você pode inserir um link na página que especifica o documento a ser exibido no frame quando o link for selecionado:

<a href=color1.html  target=frame>Carregar o documento no frame</a>

Uma alternativa para isso é especificar uma imagem para ser exibido pelo frame:

<a href=tropical.jpg  target=frame>Um paraíso tropical</a>

Ultilizando links como esse último, você poderá criar uma página com um álbum de fotos, onde os links para as imagens ficam dispostos em volta do frame. Quando VC clicar nos links, as imagens serão exibidas no frame.

Espero que VC tenha aproveitado bem essas dicas.

Coloque o Garça Selvagem nos seus favoritos