tutoriais mais recente desenvolvimento web

HTML Iframes


Um iframe é usado para exibir uma página web dentro de uma página web.


quadro Descrição

Frames permitir que uma janela do navegador HTML visual para ser dividido em segmentos, cada um dos quais pode mostrar um documento diferente. Isso pode diminuir a utilização de largura de banda, como partes que se repetem de um esquema pode ser utilizado em uma moldura, enquanto o conteúdo variável é apresentado na outra.

Isto pode vir a um certo custo usabilidade, especialmente em agentes não visuais, devido aos documentos separados e independentes (ou sítios) a ser exibido ao lado uns dos outros e de ser deixada a interagir com a mesma janela pai.

Devido a este custo, molduras (excluindo o elemento iframe) só são permitidos em HTML 4.01 moldura-conjunto.

Iframe também pode manter documentos em servidores diferentes. Neste caso, a interação entre janelas é bloqueado pelo navegador.


iframe Sintaxe

A sintaxe para adicionar um iframe é:

<iframe src=" URL "></iframe>

A src atributo especifica a URL (web address) da página iframe.


Iframe - Definir Altura e Largura

Use a altura ea largura atributos para especificar o tamanho.

Os valores dos atributos são especificadas em pixels por padrão, mas eles também podem ser em percentagem (like "80%") .

Exemplo

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Tente você mesmo "

Iframe - Retire o Border

Por padrão, um iframe tem uma borda preta em torno dele.

Para remover a beira, adicione o style atributo e usar a propriedade border CSS:

Exemplo

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Tente você mesmo "

Com CSS, você também pode alterar o tamanho, estilo e cor da borda do iframe:

Exemplo

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Tente você mesmo "

Use iframe como um destino para um link

Um iframe pode ser utilizado como o quadro de destino para um destino.

O target atributo do link deve se referir ao name atributo do iframe:

Exemplo

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Tente você mesmo "

Tag iframe HTML

etiqueta Descrição
<iframe> Define um quadro embutido

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»