O Iframe serve para os momentos em que você precisa exibir o conteúdo de uma página dentro de outra, é um recurso muito utilizado pelos webmasters de plantão, que ajuda muito na hora de fazer um site.
Para que entenda perfeitamente o que é um iFrame, vou deixar abaixo um exemplo para você conferir, repare que existe uma janela, onde carrega uma nova página dentro dela, mas sem sair do site principal.
Para isso, basta criar uma nova página HTML, que no caso, irá ser chamada para página principal. Preparei um código de exemplo, que você pode conferir clicando aqui.
obs: Salve esse arquivo como por exemplo, teste.html, e depois abra o arquivo para ver o exemplo funcionando.
Repare que no exemplo, ele chama uma página com o nome de “iframe.html” e basta que você altere o nome completo da página, para ter o seu Iframe funcionando.
Quais são os atributos do Iframe?
Ao analisar o código de um iFrame, percebemos que existem algumas tags que talvez sejam novas para algumas pessoas, então vamos conhecer cada uma delas,
Name: Essa é justamente o nome que você dará ao iframe.
SRC: É o endereço da página a ser visualizada no Iframe
FrameBorder: Use somente para o caso de querer uma Borda do Iframe. Por padrão, deixe em Zero.
Width: Esse é a largura do Iframe.
Height: Aqui seria especificada a Altura do Iframe.
Scrolling: Aqui você pode definir se quer ou não que apareça a barra de rolagem.
E para finalizar, ainda vou deixar mais um exemplo claro, para que você entenda perfeitamente o uso de um iframe na prática,
<IFRAME src=”http://www.enderecodapagaina.com/iframe.html” frameBorder=0 width=400 height=150 scrolling=auto></IFRAME>
Nota, repare que basta você dar um nome ao iframe e substituir o endereço, pelo endereço da página que você quer chamar, não esquecendo de colocar a extensão do arquivo ao final, no caso “.html”, para chamar um outro arquivo.
Hoje você conheceu o iFrame, um item importante na hora de Fazer um Site!
Comentários para este post estão fechados.