Como adicionar iframes em html

Hypertext Markup Language, também conhecido. Ele fornece muitos recursos distintos que tornam seu site mais interativo. Um desses recursos é o quadro embutido html iframe ou html. Vamos nos aprofundar nos detalhes de iframes.

Html iframe

O html iframe permite adicionar um documento externo ao seu documento HTML, por exemplo, uma página da web em uma página da web. O documento incorporado é independente dos elementos circundantes. Para adicionar um iframe no seu documento HTML atual, o

O URL na sintaxe indica a localização do documento externo que você deseja incorporar em sua página da web atual.

Exemplo
No exemplo a seguir, estamos incorporando um documento externo em nosso arquivo html.

Saída
A página da web externa foi incorporada na página da web html atual.

É assim que você pode incluir um iframe na sua página da web html.

Ajustar a altura e a largura de um iframe

Como você pode ver na captura de tela acima, há uma certa altura e largura do iframe. A altura e a largura do iframe podem ser consertadas de acordo com o seu desejo. Aqui está um exemplo de ajustar a altura e a largura de um inframa.

Exemplo
No exemplo a seguir, definimos a altura e a largura de um iframe usando atributos HTML.

No exemplo acima, definimos a largura do iframe para 600 e altura para 200.

Saída

A altura e a largura do iframe mostradas na saída foram ajustadas usando atributos HTML.

Outra abordagem para fazer isso é usando CSS. Aqui está um exemplo de definir a altura e a largura de um iframe html usando CSS.

Exemplo

Saída

A altura e a largura do iframe mostradas na saída foram ajustadas usando CSS.

Ajustando as fronteiras de

No exemplo acima, usando a propriedade da fronteira CSS, definimos a borda do iframe 5px junto com a cor preta sólida.

Saída

A borda do iframe mostrada na saída foi ajustada.

iframes como hiperlinks de destino

Um iframe pode ser usado como um hiperlink de destino que significa que o uso do iframe como alvo hiperlinks que um usuário pode visualizar o link fornecido em uma página HTML nesse iframe, em vez de abri -lo em uma nova janela. Com o objetivo de fazer isso, defina o atributo de destino da tag como o atributo de nome do iframe.

Exemplo

Visite Linuxhint.com

No exemplo acima, incorporamos uma página da web em uma página da web html, além disso, usamos o iframe como um hiperlink de destino. Como você pode ver, definimos o atributo de destino da tag da mesma forma que o atributo de nome do iframe. Ao fazer isso quando você clicar no hiperlink, ele será aberto no mesmo iframe em vez de uma nova janela.

Saída

Clique no hiperlink e ele será aberto no iframe.

O hiperlink mostrado na saída será aberto no inframe.

Após as abordagens acima mencionadas, você pode adicionar um iframe na sua página da web html.

Conclusão

Para adicionar um iframe no seu documento HTML, use a tag html. IFRAME curto para quadros em linha são usados ​​para adicionar páginas da web externas em sua página Web HTML atual. Esses iframes são independentes dos elementos circundantes de uma página da web. A altura e a largura de um iframe podem ser ajustadas de acordo com o seu desejo, além disso, os iframes podem ser usados ​​como hiperlinks de destino. Este artigo discute em profundidade, como adicionar iframes em html usando exemplos adequados.