Posts sobre | Dicas blog, imagem Pc e Web
Mostrando postagens com marcador Iframe. Mostrar todas as postagens
Mostrando postagens com marcador Iframe. Mostrar todas as postagens

Iframe, como funciona?

Tags para iframe; tamanho, links, endereço, como mudar a página que está no iframe.
scrolling="no" ou "yes" é para a barra de rolagem, name="iframe01" é o nome do iframe caso eu queira usar um link... o uso de scrolling="yes" vai depender da necessidade e de alguns testes de como funciona em diferentes navegadores se for usar % para especificar o tamanho, pode ser interessante e necessário.
width="85%"(largura) height="40 px". px=pixel ou % isso vai variar do gosto, necessidade ou alguns funcionam melhor com determinado navegador... ou o style css da pagina.

Iframe não funciona bem na postagem de Blog do blogger
Se alguém tiver mais alguma dica. Deixe seu comentário, link...

Um iframe você pode colocar no html de uma página, após a tag <body>
Abaixo está o código do iframe

<iframe name="iframe01" src="http://www.google.com" width="300 px" scrolling="yes" height="140 px" style="border: solid 2px red"> </iframe>


teste link para mudar pagina do iframe, google search para yahoo

Abaixo esta o código do link

<a href='http://search.yahoo.com' target='iframe01' title='testar como funciona link para iframe'> teste link para mudar pagina do iframe, google search para yahoo </a>




<iframe name="iframe02" src="http://www.google.com" width="85%" scrolling="no" height="240 px"></iframe>


Para ver como a % pode mudar de acordo com o css de cada pagina
Faça um teste indo nesse blog e diminuindo a janela do navegador para ver como o iframe se comporta, o iframe terá o tamanho em porcentagem (%) do elemento que o contém(DIV) dentro do HTML.

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares