logo

Iframe HTML

Gli iframe HTML offrono un modo potente per incorporare contenuti esterni, come video, mappe o altre pagine web, direttamente nella tua pagina web. Questo articolo fornisce un'esplorazione approfondita degli iframe HTML, della loro sintassi e di come possono essere utilizzati per migliorare i tuoi progetti di sviluppo web.

Cosa sono gli iframe HTML?

Un iframe è un documento HTML incorporato all'interno di un altro documento HTML. IL>

  • The src attribute specifies the URL of the document you want to embed.>
  • Iframes can include videos , maps , or entire web pages from other sources.>

Attributes Value:>



It contains a single value URL that specifies the URL of the document that is embedded in the iframe. There are two types of URL links which are listed below: URL Descriptions Absolute URL It points to another webpage. Relative URL It points to other files of the same web page. Supported Attributes: AttributesDescriptionallowSpecifies a set of extra restrictions on the content that can be loaded in an .consentire schermo interoIndica se il|_+_|può essere visualizzato in modalità a schermo intero.consentire la richiesta di pagamentoAbilita le richieste di pagamento per i contenuti all'interno del file|_+_|. altezza Imposta l'altezza del|_+_|elemento. larghezza Imposta la larghezza del|_+_|elemento.caricamentoSpecifica come il contenuto del file|_+_|dovrebbe essere caricato. scorrimento Controlla se il file|_+_|dovrebbe avere barre di scorrimento. nome Specifica il nome del|_+_|per indirizzare il suo contenuto o per farvi riferimento in JavaScript. referrerpolicy Imposta la politica di riferimento per il|_+_|contenuto. sabbiera Specifica un ulteriore set di restrizioni per il contenuto nel file|_+_|. src Specifica l'URL del documento da incorporare nel file|_+_|. srcdoc Specifica il contenuto HTML della pagina da visualizzare nel file|_+_|.

Esempi di iframe HTML

Esempio 1: Questo esempio illustra l'uso di an tag iframe che viene utilizzato per visualizzare una pagina Web all'interno della pagina Web corrente.

input dell'utente Java
HTML |_+_|

Produzione:


HTML-Iframe-2

Output di esempio di iframe HTML


2. Utilizzo degli attributi Altezza e Larghezza:

Gli attributi altezza e larghezza vengono utilizzati per specificare la dimensione dell'iframe. Per impostazione predefinita, i valori degli attributi sono specificati in pixel. Puoi utilizzare pixel o percentuali (ad esempio, 80%).

Esempio : Questo esempio descrive il Tag iframe HTML impostando il larghezza altezza dell'iframe.

rompere Java
HTML |_+_|

Produzione:


HTML-Iframe-2

Output di esempio di iframe HTML


3. Rimozione dei bordi da Iframe

Per impostazione predefinita, iframe ha un bordo attorno ad esso. Per rimuovere il bordo, dobbiamo usare l'attributo style e usare il file Proprietà del confine CSS .

Esempio : Questo esempio descrive il tag iframe HTML in cui è impostata la proprietà border nessuno .

HTML |_+_|

Produzione:


HTML-Iframe-3

Output di esempio di iframe HTML

elenco di array di ordinamento Java


4. Stile bordo iframe

Modificare le dimensioni, lo stile e il colore del bordo dell'Iframe.

Esempio : Questo esempio descrive il tag iframe HTML specificando lo stile del bordo.

HTML |_+_|

Produzione:


HTML-Iframe-4

Output di esempio in stile bordo Iframe HTML


5. Destinazione iframe nel collegamento

Un iframe può essere utilizzato come frame di destinazione per un collegamento. L'attributo target del collegamento deve fare riferimento all'attributo name dell'iframe.

Esempio 5: Questo esempio descrive il tag iframe HTML utilizzando il frame di destinazione per un collegamento.

HTML |_+_|tag e i suoi attributi, puoi sfruttare gli iframe per migliorare la funzionalità e l'esperienza utente dei tuoi progetti web.



>