Come aggiungere iframe in html

Lingua di markup ipertestuale aka HTML è una lingua utilizzata allo scopo di costruire strutture fondamentali delle pagine Web. Fornisce molte funzionalità distintive che rendono il tuo sito Web più interattivo. Una di queste funzionalità è il frame IFRAME HTML o HTML. Scaviamo nei dettagli di iframes.

Html iforame

HTML IFRAME consente di aggiungere un documento esterno al tuo documento HTML, ad esempio una pagina Web all'interno di una pagina Web. Il documento che è incorporato è indipendente dagli elementi circostanti. Per aggiungere un IFRAME nel documento HTML corrente, il

L'URL nella sintassi indica la posizione del documento esterno che si desidera incorporare nella pagina Web corrente.

Esempio
Nel seguente esempio, stiamo incorporando un documento esterno nel nostro file HTML.

Produzione
La pagina Web esterna è stata incorporata nella pagina Web HTML corrente.

Questo come è possibile includere un IFRAME nella pagina Web HTML.

Regolare l'altezza e la larghezza di un iframe

Come puoi vedere nello screenshot sopra c'è una certa altezza e larghezza dell'iframe. L'altezza e la larghezza dell'iframe possono essere fissate secondo il tuo desiderio. Ecco un esempio di regolazione dell'altezza e della larghezza di un inframe.

Esempio
Nell'esempio seguente, abbiamo impostato l'altezza e la larghezza di un IFRAME usando gli attributi HTML.

Nell'esempio sopra, abbiamo impostato la larghezza dell'iframe su 600 e l'altezza su 200.

Produzione

L'altezza e la larghezza dell'iframe mostrate nell'uscita sono state regolate utilizzando gli attributi HTML.

Un altro approccio per farlo è usare CSS. Ecco un esempio di impostazione dell'altezza e della larghezza di un IFRAME HTML usando CSS.

Esempio

Produzione

L'altezza e la larghezza dell'iframe mostrate nell'uscita sono state regolate usando CSS.

Regolazione dei bordi di

Nell'esempio sopra, usando la proprietà del bordo CSS abbiamo impostato il bordo dell'iframe 5px insieme al colore nero solido.

Produzione

Il bordo dell'iframe mostrato in output è stato regolato.

iforames come hyperlink target

Un IFRAME può essere utilizzato come collegamento ipertestuale target, ciò significa che l'uso di iperlink IFRAME come hyperlink target può visualizzare il collegamento fornito su una pagina HTML in quell'IFRAME invece di aprirlo in una nuova finestra. Ai fini di farlo, impostare l'attributo target del tag come attributo nome dell'iFrame.

Esempio

Visita Linuxhint.com

Nell'esempio sopra, abbiamo incorporato una pagina Web in una pagina Web HTML, inoltre, abbiamo usato iFrame come hyperlink target. Come puoi vedere, abbiamo impostato l'attributo target del tag come l'attributo nome dell'iframe. In questo modo quando si fa clic sul collegamento ipertestuale si aprirà nello stesso iFrame invece di una nuova finestra.

Produzione

Fai clic sul collegamento ipertestuale e si aprirà nell'iframe.

Il collegamento ipertestuale mostrato nell'output si aprirà nell'inframe.

Seguendo gli approcci sopra menzionati, è possibile aggiungere un IFRAME nella pagina Web HTML.

Conclusione

Per aggiungere un IFRAME nel documento HTML utilizza il tag HTML. Iframe Short per i frame inline vengono utilizzati per aggiungere pagine Web esterne nella pagina Web HTML corrente. Questi iforames sono indipendenti dagli elementi circostanti di una pagina web. L'altezza e la larghezza di un IFRAME possono essere regolate in base al tuo desiderio, inoltre, i iframe possono essere usati come collegamenti ipertestuali target. Questo articolo discute in profondità, come aggiungere iframe in HTML usando esempi adeguati.