HTML-i Iframesi tutvustus

HTML-i iframe-raamid pole midagi muud kui sisemised raamid, mida kasutatakse HTML-dokumendina uue HTML-dokumendi lisamiseks sinna. Enamasti kasutatakse seda veebilehtedel või veebiarendusprotsessides mõne muu sisu kaasamiseks mõne muu allika kaudu, näiteks sellel veebilehel olevate reklaamide kaudu.

Enamik veebidisainereid kasutab Iframe'i interaktiivsete rakenduste esitamiseks veebisaidil või veebilehtedel. See on tehtud võimalikuks javaScripti või HTML-is atribuudi target abil.

Iframe'i peamine eesmärk on kuvada veebilehte teisel veebilehel. Inline-raam tuleks kuvada sildiga, mida nimetatakse

  • Samuti on meie Iframe'ile võimalik pikslivormingus anda mõni konkreetne kõrgus ja laius järgmiselt:
  • Ülaltoodud süntaksis lähevad kõik asjad samaks, lisaks saame määrata kõrguse ja laiuse pikslivormingus, määratledes kui

Näide:

  • Järgnevas süntaksis on näidatud veel üks meetod iframe'i kõrguse ja laiuse määramiseks CSS-i kaudu väärtuste abil:
  • Kõik asjad on samad, mis ülal, lihtsalt väärtuste täpsustamisel muudatusi.

Näide:

  • Iframe'ile lisatakse veel üks funktsioon: saame juba määratletud piirid kaadrist eemaldada, kasutades atribuuti border none. Selle süntaks on järgmine:
  • CSS-i abil on võimalik ka piiriga teha paljusid asju, näiteks muuta piire suurust, rakendada piirile mõni värv jne.

Iframe'i saab süntaksi abil kasutada lingi sihtmärgina:

  • Ülaltoodud süntaksis on src meie tavaline URL, siin lingi sihtatribuut, mis viitab nime iframe sildi nimeatribuudile.

Näide:

Iframesi sildi atribuut

Iframe-des kasutatakse erinevaid atribuudimärke, need on järgmised:

  • Src: seda atribuuti kasutatakse faili lisamiseks, mis tuleb raami lisada. URL täpsustab IFR-kaadrisse laaditava sihtveebilehe.
  • Nimi: Nimi on atribuut, mida kasutatakse raami identifitseerimiseks. See on kõige kasulikum, kui loote ühe lingi teise veebilehe avamiseks.
  • lubatav ekraan: see atribuut võimaldab teil kuvada oma kaadrit täislaiuses. seega peame selle funktsiooni täitmiseks seadma väärtuse true
  • Raamipiir: see on kasulik atribuut, mis võimaldab teil näidata raami äärist või mitte näidata raami äärist. Väärtus 1 on äärise kuvamine ja 0, et mitte näidata kaadri äärist.
  • Veerise laius: võimaldab teil määratleda ruumi raami vasaku ja parema serva vahel
  • Veerise kõrgus: võimaldab teil määratleda ruumi raami üla- ja alaosas.
  • Kerimine: neid atribuute saab kasutada selle juhtimiseks, kas kerimisriba kuvatakse kaadrile või mitte. lisatud väärtused on „jah“ või „ei“ või „automaatne“.
  • Kõrgus: seda kasutati raami kõrguse määratlemiseks. Ilm protsentides või pikslites
  • Laius: seda kasutati raami laiuse määratlemiseks. Ilm protsentides või pikslites
  • Longdesc: Selle atribuudi abil saate linkida teise lehe, millel on teie raami sisu pikk kirjeldus.

HTML-i iframe-i näited

Siin on mõned näited HTML-i iframeidest, mida selgitatakse allpool:

Näide nr 1

Vaatleme ühte näidet, milles näitame, kuidas luua kindla kõrguse ja laiusega iframe.

Kood:

HTML-i iframes demo


Siin on näidatud Iframe'i näide, mis sisaldab täpsust Kõrgus ja laius pikslivormingus

Väljund:

Näide 2

Vaatleme veel ühte näidet, milles näitame, kuidas luua kindla kõrguse ja laiusega iframe. Kuid selles näites määratleme CSS-i kaudu kõrguse ja laiuse. Siin näeme, et kerimisriba kohandatakse vastavalt sisu suurusele.

Kood:

HTML-i iframes demo


Siin on näidatud Iframe'i näide, mis sisaldab täpsust Kõrgus ja laius pikslivormingus

Väljund:

Näide 3

Siin kaalume ühte näidet, kuhu lisame iframe'i äärise, lisades mõned täiendavad CSS-i atribuudid, et näidata piiri suuruse muutust, äärise värvi muutust jne. Nii saame lisada nii palju kui stiil meie iframe'ile.

Kood:

HTML-i iframes demo


Siin on näide Iframe'ist, mis sisaldab piiri mõne täiendava CSS-i omadusega

Väljund:

Näide 4

Vaatleme veel ühte näidet, milles me näitame, kuidas atribuut sihtmärk avab veebilehe lingi iframe abil.

Kood:

Iframe'i lingi demineerimise eesmärk


EDUCBA

Kui lingi sihtmärk vastab iframe'i nimele, avaneb link iframe'is.

Väljund:

Sihtväljund:

Nagu ülaltoodud näites näidatud, saame klõpsata sihtlingal EDUCBA, nii et see avab järgmise allpool näidatud veebilehe.

Järeldus

Kõigist ülaltoodud andmetest järeldas ta, et iframe on tekstisisene raam, mis sisaldab endasse teist HTML-dokumenti. Seda peeti veebi kujundamisel kõige võimsamaks HTML-elemendiks. Selle abil saate lisada sisu ka teisest allikast. See kasutab erinevaid HTML-atribuute nagu globaalsed atribuudid, sündmuse atribuudid, mõned seotud lehed jne.

Soovitatavad artiklid

See on HTML-i iframe'i juhend. Siin käsitleme HTML-i iframe-ide süntaksit, siltide atribuuti koos erinevate näidete ja koodi rakendamisega. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

  1. Seleeni käsud
  2. HTML-raamid
  3. HTML-teksti link
  4. Looge HTML-is tabeleid

Kategooria:

Veebiarenduse tööriistad