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'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
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
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. |