Hoje a aula será sobre iframes.
No começo pode parecer um pouco confuso mas logo você verá como eles são legais e podem ser bem aproveitados em alguns sites.
IFrames são quadros que podemos colocar em nossa página da internet, este quadro tem a capacidade de carregar um conteúdo de outro site ou página dentro dele.
Vou mostrar um exemplo com algumas imagens:
Construí uma página simples com o texto "E aqui abaixo você tem o UOL rodando dentro da minha página".
Veja o exemplo:
Bem, agora vou mostrar o que acontece quando colocamos um IFrame dentro da página e programamos ele para acessar a página do UOL. Veja:
Bacana né, vamos ver como isso fica em códigos.
IFrame
Para criar um IFrame basta usar a tag <iframe> fazendo uso de três propriedades básicas:
src: o local aonde você indica que nome de página ou site irá abrir.
width: a largura (dimensão) do seu iframe dentro da página.
height: a altura do seu iframe dentro da página.
Exemplo:
<iframe src="http://facebook.com" width="400" height="250"></iframe>
Simples não?
Então vamos ao que interessa:
Primeiro, veja como ficou o código da página simples, sem o IFrame:
Agora, note quando adicionamos o comando do iframe na página que faz aparecer uma página dentro da outra.
Fantástico né?
Bons exercícios e até mais.
Nenhum comentário:
Postar um comentário