Advertising

Como Funciona o Iframe

terça-feira, 6 de fevereiro de 2018


Iframes são quadros que podem ser adicionados no conteudo de uma página HTML, exibindo o conteúdo de uma outra página. Esse elemento insere um documento HTML externo dentro de uma área específica de outro documento html. Com uso do Iframe, o documento inserido mantém toda sua formatação de origem, pois é um elemento independente dentro do documento principal. Dentro de um Iframe são importantes os atributos:

src = pagina.html - Determina a página ou arquivo que será carregado na região correspondente.

width=x - Especifica o largura do IFRAME em pixel, por exemplo: 100px

height=x - Especifica o altura do IFRAME, em pixel, por exemplo 200px.

name = x - Nome que identifica o elemento.

frameborder=x - Determina a espessura da linha divisória que aparece entre a página e o IFRAME.

scrolling = valor - Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset).

marginwidth = x - Determina a largura em pixels da margem horizontal.

marginheight = x - Determina a largura em pixels da margem vertical.

vspace=x - Determina o espaço vertical entre o IFRAME e o documento HTML.

hspace=x  - Determina o espaço horizontal entre o IFRAME e o documento HTML.


Exemplo de Iframe simples:
<div><iframe name="interno" width="800" height="400" src="http://w3c.br"></iframe></div>
Exemplo com largura, altura e borda: 

<div><iframe name="interno" width="800" height="400" frameborder="1"src="http://w3c.br"></iframe></div>



Fontes: 
https://cursos.timtec.com.br - Curso básico de html
https://www.codigofonte.net/dicas/html/37_trabalhando-com-iframes
Compartilhar

Nenhum comentário:

Postar um comentário

Postagem mais recente Postagem mais antiga Página inicial
 
Copyright © 2015. Folig Blogspot
Templates Template Blogger