logo

Iframes HTML

HTML Iframe é usado para exibir uma página da web aninhada (uma página da web dentro de uma página da web). O HTML

Um iframe HTML incorpora outro documento no documento HTML atual na região retangular.

O conteúdo da página da web e o conteúdo do iframe podem interagir entre si usando JavaScript.

lançar em sql

Sintaxe de iframe

Um iframe HTML é definido com o

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

Aqui, o atributo 'src' especifica o endereço da web (URL) da página do frame embutido.

Definir largura e altura do iframe

Você pode definir a largura e a altura do iframe usando os atributos ‘largura’ e ‘altura’. Por padrão, os valores dos atributos são especificados em pixels, mas você também pode defini-los em porcentagem. ou seja, 50%, 60% etc.

banda base vs banda larga

Exemplo: (Pixels)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Teste agora

Exemplo: (porcentagem)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Teste agora

Você também pode usar CSS para definir a altura e a largura do iframe.

Exemplo:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Teste agora

Remova a borda do iframe

Por padrão, um iframe contém uma borda ao seu redor. Você pode remover a borda usando o atributo e a propriedade CSS border.

Exemplo:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Teste agora

Você também pode alterar o tamanho, a cor e o estilo da borda do iframe.

Exemplo:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Teste agora

Alvo iframe para um link

Você pode definir um quadro de destino para um link usando iframe. O atributo de destino especificado do link deve referir-se ao atributo name do iframe.

Exemplo:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 
Teste agora

Saída

Iframes HTML

Código de saída new.hmtl:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Incorporar vídeo do YouTube usando iframe

Você também pode adicionar um vídeo do YouTube à sua página da web usando o

A seguir estão algumas etapas para adicionar vídeo do YouTube em sua página da web:

  • Vá para o vídeo do YouTube que você deseja incorporar.
  • Clique em COMPARTILHAR ➦ abaixo do vídeo.
  • Clique na opção Incorporar.
  • Copie o código HTML.
  • Cole o código em seu arquivo HTML
  • Altere a altura, largura e outras propriedades (conforme a necessidade).

Exemplo:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 
Teste agora

Saída:

str.substring em java
Iframes HTML

Atributos de

Nome do Atributo Valor Descrição
Permitir tela cheia Se for verdade, esse quadro poderá ser aberto em tela inteira.
altura Píxeis Ele define a altura do iframe incorporado e a altura padrão é 150 px.
nome texto Dá o nome ao iframe. O atributo name é importante se você deseja criar um link em um quadro.
moldura 1 ou 0 Define se o iframe deve ter borda ou não. (Não suportado em HTML5).
Largura Píxeis Ele define a largura do quadro incorporado e a largura padrão é 300 px.
fonte URL O atributo src é usado para fornecer o nome do caminho ou nome do arquivo cujo conteúdo será carregado no iframe.
caixa de areia
Este atributo é usado para aplicar restrições extras ao conteúdo do quadro
formulários de permissão Ele permite o envio do formulário, se esta palavra-chave não for usada, o envio do formulário será bloqueado.
permitir pop-ups Isso ativará pop-ups e, se não for aplicado, nenhum pop-up será aberto.
permitir scripts Isso permitirá que o script seja executado.
permitir a mesma origem Se esta palavra-chave for usada, o recurso incorporado será tratado como baixado da mesma fonte.
srcdoc O atributo srcdoc é usado para mostrar o conteúdo HTML no iframe embutido. Ele substitui o atributo src (se um navegador suportar).
rolagem
Indica que o navegador deve fornecer uma barra de rolagem para o iframe ou não. (Não suportado em HTML5)
auto A barra de rolagem só mostra se o conteúdo do iframe for maior que suas dimensões.
sim Sempre mostra a barra de rolagem do iframe.
Não Nunca mostra a barra de rolagem do iframe.