Úvod do prvkov iframe v HTML

Prvky iframe v HTML nie sú nič iné ako vložené rámce, ktoré sa používajú ako dokument HTML na pridanie ďalšieho dokumentu HTML. Väčšinou sa používa na webových stránkach alebo v procesoch vývoja webových stránok na zahrnutie iného obsahu prostredníctvom iného zdroja, ako sú reklamy na tejto webovej stránke.

Väčšina webových dizajnérov používa Iframe na prezentáciu interaktívnych aplikácií na webových stránkach alebo na webových stránkach. Je to možné pomocou javaScript alebo pomocou cieľového atribútu v HTML.

Hlavným účelom Iframe je zobraziť webovú stránku na inej webovej stránke. Vložený rám by sa mal zobraziť pomocou značky s názvom

  • Náš Iframe je tiež možné dať nejakú konkrétnu výšku a šírku vo formáte pixlov nasledovne:
  • Vo vyššie uvedenej syntaxi budú všetky veci rovnaké, navyše môžeme špecifikovať výšku a šírku vo formáte pixelov definujúcich ako

Príklad:

  • V nasledujúcej syntaxi je uvedená jedna metóda na definovanie výšky a šírky prvku iframe pomocou hodnôt prostredníctvom CSS:
  • Všetky veci sú rovnaké ako vyššie uvedené zmeny v špecifikácii hodnôt.

Príklad:

  • Do prvku iframe sa pridá ešte jedna vlastnosť: môžeme odstrániť už definované hranice do rámca pomocou vlastnosti border no. Syntax tohto je nasledovná:
  • S pomocou CSS je tiež možné robiť s hranicou veľa vecí, ako je zmena veľkosti hranice, použitie farby na hranicu, atď.

Iframe možno použiť ako cieľ odkazu pomocou syntaxe:

  • Do vyššie uvedenej syntaxe je src naša normálna adresa URL, tu je cieľovým atribútom odkazu, ktorý bude odkazovať na atribút názvu v našej značke iframe.

Príklad:

Atribút značky iframes

Do prvkov iframe sa používajú rôzne značky atribútov:

  • Src: Tento atribút sa používa na vloženie súboru, ktorý musí byť zahrnutý do rámca. Adresa URL určuje cieľovú webovú stránku, ktorá sa má načítať v prvku iframe.
  • Názov: Názov je atribút, ktorý sa používa na zadanie nejakého identifikačného názvu do rámca. Najužitočnejšie je, keď vytvárate jeden odkaz na otvorenie ďalšej webovej stránky.
  • allowfullscreen: Tento atribút umožňuje zobraziť rám do formátu plnej šírky. preto musíme nastaviť hodnotu true, aby sa stala táto funkcia
  • Frameborder: Je to užitočný atribút, ktorý vám umožňuje zobraziť ohraničenie alebo nezaradiť ohraničenie do rámčeka. Hodnota 1 je ukázať ohraničenie a 0, aby sa rámik nezobrazil.
  • Marginwidth: Umožňuje definovať medzeru medzi ľavou a pravou stranou rámu
  • Marginheight: Umožňuje definovať medzeru medzi hornou a dolnou časťou rámu.
  • Posúvanie: Tieto atribúty slúžia na ovládanie toho, či sa bude posuvný pruh zobrazovať v rámci alebo nie. zahrnuté hodnoty sú „áno“ alebo „nie“ alebo „auto“.
  • Výška: Používa sa na definovanie výšky rámu. Počasie v% alebo v pixeloch
  • Šírka: Používa sa na definovanie šírky rámu. Počasie v% alebo v pixeloch
  • Longdesc: Pomocou tohto atribútu môžete prepojiť ďalšiu stránku, ktorá má dlhý popis obsahu vášho rámu.

Príklady prvkov iframe v HTML

Tu je niekoľko príkladov prvkov iframe v HTML, ktoré sú vysvetlené nižšie:

Príklad č. 1

Pozrime sa na jeden príklad, v ktorom ukážeme, ako vytvoriť prvok iframe so špecifickou výškou a šírkou.

kód:

Ukážka prvkov iframe HTML


Tu uvádzame príklad prvku iframe, ktorý obsahuje špecifc výšku a šírku vo formáte pixlov

Výkon:

Príklad č. 2

Pozrime sa na ďalší príklad, v ktorom ukážeme, ako vytvoriť prvok iframe so špecifickou výškou a šírkou. V tomto príklade však špecifikujeme výšku a šírku prostredníctvom CSS. Tu vidíme, že rolovacia lišta sa upravuje podľa veľkosti obsahu.

kód:

Ukážka prvkov iframe HTML


Tu uvádzame príklad prvku iframe, ktorý obsahuje špecifc výšku a šírku vo formáte pixlov

Výkon:

Príklad č. 3

Uvažujeme jeden príklad, do ktorého pridáme orámovanie do prvku iframe pridaním ďalších vlastností CSS, aby sme ukázali zmenu veľkosti hranice, zmenu farby okraja atď. Takže môžeme pridať toľko ako nášmu prvku iframe.

kód:

Ukážka prvkov iframe HTML


Tu uvádzame príklad prvku iframe, ktorý obsahuje hranicu s niektorými ďalšími vlastnosťami CSS

Výkon:

Príklad č. 4

Pozrime sa na ďalší príklad, v ktorom ukážeme, ako cieľový atribút otvára odkaz na webovú stránku pomocou prvku iframe.

kód:

Zacielenie na prvky iframe pre odkaz


EDUCBA

Ak sa cieľ odkazu zhoduje s názvom prvku iframe, odkaz sa otvorí v prvku iframe.

Výkon:

Cieľový výstup:

Ako je uvedené vyššie, príklad sme schopní kliknúť na cieľový odkaz EDUCBA, aby sa otvorila ďalšia webová stránka uvedená nižšie.

záver

Zo všetkých vyššie uvedených informácií vyvodil záver, že iframe je vložený rámec, ktorý obsahuje ďalší dokument HTML do seba. Považoval sa za najvýkonnejší prvok HTML na účely navrhovania webových stránok. S jeho pomocou môžete tiež pridať nejaký obsah z iného zdroja. Používa rôzne druhy atribútov HTML, ako sú globálne atribúty, atribúty udalostí, niektoré súvisiace stránky atď.

Odporúčané články

Toto je sprievodca prvkami iframe v HTML. Tu diskutujeme syntax, atribút značky prvkov iframe v HTML spolu s rôznymi príkladmi a implementáciou kódu. Ďalšie informácie nájdete aj v nasledujúcich článkoch -

  1. Príkazy selénu
  2. Rámčeky HTML
  3. Textový odkaz HTML
  4. Vytvorte tabuľky v HTML

Kategórie:

Nástroje na vývoj webových aplikácií