Introduksjon til Iframes i HTML

Iframes i HTML er ikke annet enn inline frames som brukes som HTML-dokument for å legge til et annet HTML-dokument i det. Det brukes mest i websider eller webutviklingsprosesser for å inkludere noe annet innhold gjennom en annen kilde, som reklame på denne siden.

De fleste webdesignere bruker Iframe til å presentere interaktive applikasjoner på nettstedet eller på websider. Det er gjort mulig å bruke javaScript eller ved å bruke målattributtet i HTML.

Hovedformålet med Iframe er å vise en webside på en annen webside. Innliningsrammen skal vises ved å bruke en kode som heter

  • Det er også mulig å gi en viss spesifikk høyde og bredde til Iframe i pikslerformat som følger:
  • I syntaksen ovenfor vil alle tingene bli det samme, i tillegg kan vi spesifisere høyde og bredde i pikslerformat som definerer som

Eksempel:

  • En ytterligere metode for å definere høyde og bredde til iframe ved å bruke verdier gjennom CSS, vises i syntaksen nedenfor:
  • Alle ting er de samme som over bare ved å gjøre endringer i å spesifisere verdier.

Eksempel:

  • En annen funksjon blir lagt til iframe er at vi kan fjerne allerede definerte grenser til rammen ved å bruke egenskapen border none. Syntaks for dette er som følger:
  • Ved hjelp av CSS er det også mulig å gjøre mange ting med grensen som å endre størrelsen på grensen, bruke litt farge på grensen, etc.

Iframe kan brukes som mål for en kobling ved å bruke syntaks:

  • I syntaksen ovenfor er src vår vanlige URL, her er målattributtet for lenken henvisning til attributt i iframe-taggen vår.

Eksempel:

Iframes-attributt

Det er forskjellige attributtagger som brukes i Iframes, som er som følger:

  • Src: Dette attributtet brukes til å sette inn fil som må inkluderes i rammen. URL spesifiserer målsiden som skal lastes innenfor en iframe.
  • Navn: Navn er et attributt som brukes til å gi et identifikasjonsnavn til rammen. Det er mest nyttig der du oppretter en lenke for å åpne en annen webside.
  • allowfullscreen: Dette attributtet lar deg vise rammen i formatet i full bredde. så vi må angi verdi for å skje denne funksjonen
  • Frameborder: Dette er et nyttig attributt som lar deg vise grensen eller ikke å vise grensen til rammen. Verdi 1 er å vise grense og 0 for ikke å vise grense til ramme.
  • Margbredde: Lar deg definere mellomrom mellom venstre og høyre side av rammen
  • Marginheight: Lar deg definere plass mellom toppen og bunnen av rammen.
  • Rulling: Disse attributtene brukes til å kontrollere om rullefeltet skal vises eller ikke til rammen. verdiene inkludert er 'ja' eller 'nei' eller 'auto'.
  • Høyde: Det brukes til å definere høyden til rammen. Været i% eller i piksler
  • Bredde: Den brukes til å definere bredde til rammen. Været i% eller i piksler
  • Longdesc: Ved hjelp av dette attributtet kan du koble en annen side til med en lang beskrivelse av innholdet i rammen.

Eksempler på Iframes i HTML

Her er noen eksempler på Iframes i HTML som er forklart nedenfor:

Eksempel 1

La oss vurdere et eksempel der vi skal vise hvordan vi oppretter en iframe med en bestemt høyde og bredde.

Kode:

HTML Iframes-demo


Her viser vi eksempel på Iframe som inneholder spesifc Høyde og bredde i pikselformat

Produksjon:

Eksempel 2

La oss vurdere et annet eksempel der vi skal vise hvordan vi oppretter en iframe med en bestemt høyde og bredde. Men i dette eksemplet spesifiserer vi høyde og bredde gjennom CSS. Her kan vi se at rullefeltet blir justert som per innholdsstørrelse.

Kode:

HTML Iframes-demo


Her viser vi eksempel på Iframe som inneholder spesifc Høyde og bredde i pikselformat

Produksjon:

Eksempel 3

Her vurderer vi ett eksempel som vi skal legge til en grense til iframe ved å legge til noen ekstra CSS-egenskaper for å vise en endring i størrelsen på grensen, endring i fargen på grensen osv. Så vi kan legge til så mye som stil til iframe vår.

Kode:

HTML Iframes-demo


Her viser vi eksempel på Iframe som inneholder grense med noen ekstra CSS-eiendommer

Produksjon:

Eksempel 4

La oss vurdere et annet eksempel som vi skal vise hvordan målattributtet for å åpne en kobling til en webside ved hjelp av en iframe.

Kode:

Iframe-demo - Mål for en lenke


EDUCBA

Når målet for en lenke samsvarer med navnet på en iframe, vil lenken åpne i iframe.

Produksjon:

Målutgang:

Som vist ovenfor, kan vi klikke på mållink EDUCBA slik at den åpner neste webside som vises nedenfor.

Konklusjon

Fra all informasjonen ovenfor konkluderte den med at iframe er en inline frame som inkluderer et annet HTML-dokument i seg selv. Det betraktes som det kraftigste HTML-elementet for nettdesigningsformål. Ved hjelp av det kan du også legge til noe innhold fra en annen kilde. Den bruker forskjellige typer HTML-attributter som Globale attributter, Hendelsesattributter, noen relaterte sider osv.

Anbefalte artikler

Dette er en guide til Iframes i HTML. Her diskuterer vi syntaks, taggattributt for iframes i HTML sammen med de forskjellige eksemplene og kodeimplementering. Du kan også se på følgende artikler for å lære mer -

  1. Selenium kommandoer
  2. HTML-rammer
  3. HTML-tekstkobling
  4. Lag tabeller i HTML

Kategori:

Nettutviklingsverktøy