Sobre a tag iFrame
O iFrame é uma tag que criará um frame dentro da página HTML, em vez de “dividir” a página em duas ou mais partes, exibindo outra página em cada uma dessas frações. O iFrame é muito utilizado para exibir um conteúdo específico dentro de uma página como um texto, um arquivo multimídia ou até mesmo um jogo em Flash, além de ser usado também como menu de navegação em algumas experiências.
Os elementos de um iFrame
Dentro de uma tag de iFrame, você pode encontrar os seguintes atributos:
frame name – este atributo definirá o nome do frame utilizado, importante para direcionar links de fora do iFrame para mudar a página que será exibida dentro dele;
src – é o atributo que define a página que será exibida dentro do iFrame;
width e height – definem, respectivamente, a largura e a altura do iFrame em pixels;
scrolling – Através deste atributo você pode definir se o iFrame possuirá barra de rolamento inserindo os comandos “yes”, “no” ou “auto”;
frameborder – Este atributo define se o iFrame apresentará borda em seu contorno ou não, utilizando apenas os valores “0” (para um iFrame sem borda) ou “1” (para um iFrame com borda)
align – este atributo define a disposição horizontal do iFrame dentro do documento HTML, atendendo pelos valores “left”, “right” ou “center”.
Aplicando um iFrame
O formato de uma tag de iFrame, a ser inserida entre as tags e se assemelha ao exemplo abaixo:
[code]
[/code]
Vamos colocar o exemplo em prática criando um iFrame de nome “iframe” a ser situado ao lado esquerdo do browser, com 150 pixels de largura por 200 de altura. Esse quadro exibirá o arquivo “iframe.html”, não possuirá borda em seu contorno e a barra de rolamento só aparecerá se necessário. Seguindo esses parâmetros, a tag do iFrame sairá desse jeito:
<IFRAME align="left" frame name="iframe" src="iframe.html" width="150" height="200" scrolling="auto" frameborder="0"> </IFRAME>
Inserir um link na página HTML para mudar o documento a ser exibido dentro do iFrame quando clicado não muda nenhum procedimento, basta inserir o elemento “target”, seguido do nome do iFrame em questão. Seguindo nosso exemplo, para exibir o documento “iframe2.html”, a tag sairá desse jeito:
<a href=" iframe2.html" target="iframe">link</a>
