Uvod v Iframes v HTML

Iframes v HTML ni nič drugega kot vgrajeni okviri, ki se uporabljajo kot dokument HTML, da vanj dodate še en dokument HTML. Večinoma se uporablja v spletnih straneh ali procesih spletnega razvoja za vključitev neke druge vsebine iz drugega vira, kot so oglasi na tej spletni strani.

Večina spletnih oblikovalcev uporablja Iframe za predstavitev interaktivnih aplikacij na spletnem mestu ali na spletnih straneh. To je mogoče z uporabo javaScript ali z atributom cilja v HTML-ju.

Glavni namen Iframe-a je prikazati spletno stran znotraj druge spletne strani. Okvir v okvirju naj bo prikazan z oznako, imenovano

  • Mogoče je tudi določiti določeno višino in širino našemu iframeu v slikovni obliki:
  • V zgornji sintaksi bodo vse stvari iste, poleg tega lahko določimo višino in širino v formatu pik, ki določata kot

Primer:

  • Še ena metoda za določitev višine in širine iframea z uporabo vrednosti prek CSS je prikazana v sintaksi spodaj:
  • Vse stvari so enake kot zgoraj samo spreminjanje vrednosti.

Primer:

  • Če je iframe dodana še ena funkcija, je, da lahko z okvirjem nobene lastnosti odstranimo že določene meje v okvir. Skladnja za to je naslednja:
  • S pomočjo CSS-ja je možno narediti tudi marsikaj z mejo, na primer spreminjanje velikosti obrobe, nanašanje neke barve na rob itd.

Iframe lahko uporabite kot cilj za povezavo z uporabo sintakse:

  • V zgornji sintaksi je src naš običajni URL, tukaj je ciljni atribut povezave, ki se nanaša na atribut imena v naši oznaki iframe.

Primer:

Atributi oznake Iframes

V okvirjih Iframes se uporabljajo različne atribucijske oznake, in sicer:

  • Src: Ta atribut se uporablja za vstavljanje datoteke, ki jo je treba vključiti v okvir. URL določa ciljno spletno stran, ki jo je treba naložiti v okvir.
  • Ime: Ime je atribut, ki se uporablja za določitev identifikacijskega imena okvirju. Najbolj koristno je, če ustvarjate eno povezavo, da odprete drugo spletno stran.
  • dovoljen zaslon: Ta atribut vam omogoča prikaz okvira v formatu celotne širine. zato moramo to funkcijo postaviti resnično
  • Frameborder: To je koristen atribut, ki vam omogoča, da prikažete rob ali ne, da prikažete okvir. Vrednost 1 je prikazati mejo in 0, da okvirju ne bo prikazan.
  • Marginwidth: Omogoča vam, da določite prostor med levo in desno stranjo okvira
  • Marginheight: Omogoča vam, da določite prostor med zgornjim in spodnjim delom okvira.
  • Pomikanje: Ti atributi se uporabljajo za nadzor nad tem, ali se bo drsna vrstica prikazovala okvirju ali ne. Vključene vrednosti so "da" ali "ne" ali "samodejno".
  • Višina: Uporabljala je za določitev višine okvirja. Vreme v% ali v piklih
  • Širina: Uporabljala je za določitev širine okvira. Vreme v% ali v piklih
  • Longdesc: S pomočjo tega atributa lahko povežete drugo stran, ki vsebuje dolg opis vsebine okvira.

Primeri Iframes v HTML

Tu je nekaj primerov Iframes v HTML, ki so pojasnjeni spodaj:

Primer # 1

Razmislimo o enem primeru, v katerem bomo pokazali, kako ustvariti iframe z določeno višino in širino.

Koda:

Predstavitveni okviri HTML Iframes


Tu prikazujemo Iframe, ki vsebuje specifc Višino in širino v slikovni obliki

Izhod:

Primer # 2

Poglejmo še en primer, v katerem bomo pokazali, kako ustvariti iframe z določeno višino in širino. Toda v tem primeru navedemo višino in širino s pomočjo CSS-ja. Tu lahko vidimo, da se drsna vrstica prilagaja glede na velikost vsebine.

Koda:

Predstavitveni okviri HTML Iframes


Tu prikazujemo Iframe, ki vsebuje specifc Višino in širino v slikovni obliki

Izhod:

Primer # 3

Tukaj razmišljamo o enem primeru, v katerega bomo v iframe dodali mejo z dodajanjem nekaterih dodatnih lastnosti CSS, da prikažemo spremembo velikosti obrobe, spremembo barve obrobe itd. Torej lahko dodamo kar toliko slog na naš iframe.

Koda:

Predstavitveni okviri HTML Iframes


Tu prikazujemo Iframe, ki vsebuje obrobo z nekaterimi dodatki CSS

Izhod:

Primer št. 4

Razmislimo o še enem primeru, v katerem bomo pokazali, kako ciljni atribut odpre povezavo do spletne strani z iframeom.

Koda:

Iframe Demo - ciljanje na povezavo


EDUCBA

Ko se cilj povezave ujema z imenom iframe, se bo povezava odprla v okvirju iframe.

Izhod:

Ciljni rezultat:

Kot je prikazano zgoraj, lahko kliknemo na ciljno povezavo EDUCBA, tako da se odpre naslednja spletna stran, prikazana spodaj.

Zaključek

Iz vseh zgornjih informacij je bilo ugotovljeno, da je iframe vgrajen okvir, ki vsebuje še en dokument HTML v sebi. Šteje se za najmočnejši element HTML za namene spletnega oblikovanja. S pomočjo tega lahko dodate nekaj vsebine tudi iz drugega vira. Uporablja različne vrste atributov HTML, kot so Global Attributes, Atributi dogodkov, nekatere povezane strani itd.

Priporočeni članki

To je vodnik za Iframes v HTML. Tukaj razpravljamo o sintaksi, atributih oznak iframes v HTML skupaj z različnimi primeri in implementacijo kode. Če želite izvedeti več, si oglejte tudi naslednje članke -

  1. Selenski ukazi
  2. Okvirji HTML
  3. Tekstna povezava HTML
  4. Ustvari tabele v HTML

Kategorija:

Orodja za razvoj spletnih strani