logo

HTML iframe

HTML Iframe naudojamas įdėtam tinklalapiui (tinklalapiui tinklalapyje) rodyti. HTML

HTML iframe įterpia kitą dokumentą į dabartinį HTML dokumentą stačiakampėje srityje.

Tinklalapio turinys ir „iframe“ turinys gali sąveikauti vienas su kitu naudojant „JavaScript“.

linux komanda zip

Iframe sintaksė

HTML iframe apibrėžiamas su

 <iframe src="URL"></iframe> 

Čia atributas „src“ nurodo įterpto rėmelio puslapio žiniatinklio adresą (URL).

Nustatykite iframe plotį ir aukštį

Galite nustatyti iframe plotį ir aukštį naudodami atributus „width“ ir „height“. Pagal numatytuosius nustatymus atributų reikšmės nurodomos pikseliais, bet galite jas nustatyti ir procentais. ty 50%, 60% ir t.t.

Pavyzdys: (pikseliai)

 <h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Išbandykite dabar

Pavyzdys: (procentas)

 <h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Išbandykite dabar

Taip pat galite naudoti CSS norėdami nustatyti iframe aukštį ir plotį.

Pavyzdys:

 <h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Išbandykite dabar

Pašalinkite iframe kraštinę

Pagal numatytuosius nustatymus iframe aplink jį yra kraštinė. Galite pašalinti kraštinę naudodami atributą ir CSS kraštinės ypatybę.

Pavyzdys:

 <h2>Remove the Iframe Border</h2> <p>This iframe example doesn&apos;t have any border</p> <iframe src="https://www.javatpoint.com/"></iframe> 
Išbandykite dabar

Taip pat galite pakeisti iframe kraštinės dydį, spalvą ir stilių.

pavyzdys Java

Pavyzdys:

 <h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe> 
Išbandykite dabar

„Iframe“ taikymas nuorodai

Galite nustatyti tikslinį nuorodos rėmelį naudodami iframe. Nurodytas nuorodos tikslinis atributas turi nurodyti iframe pavadinimo atributą.

Pavyzdys:

 <h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p> 
Išbandykite dabar

Išvestis

HTML iframe

new.hmtl išvesties kodas:

 p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p> 

Įdėkite „YouTube“ vaizdo įrašą naudodami „iframe“.

Taip pat galite pridėti „YouTube“ vaizdo įrašą savo tinklalapyje naudodami

Toliau pateikiami keli žingsniai, kaip įtraukti „YouTube“ vaizdo įrašą į savo tinklalapį:

  • Eikite į „YouTube“ vaizdo įrašą, kurį norite įterpti.
  • Po vaizdo įrašu spustelėkite DALINTIS ➦.
  • Spustelėkite parinktį Įterpti.
  • Nukopijuokite HTML kodą.
  • Įklijuokite kodą į savo HTML failą
  • Pakeiskite aukštį, plotį ir kitas savybes (pagal poreikį).

Pavyzdys:

 <iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe> 
Išbandykite dabar

Išvestis:

tostring metodas java
HTML iframe

Atributai

Atributo pavadinimas Vertė apibūdinimas
leisti visą ekraną Jei tiesa, kadras gali būti atidarytas visame ekrane.
aukščio Pikseliai Jis apibrėžia įterptojo iframe aukštį, o numatytasis aukštis yra 150 pikselių.
vardas tekstą Tai suteikia iframe pavadinimą. Pavadinimo atributas yra svarbus, jei norite sukurti nuorodą viename kadre.
rėmo kraštinė 1 arba 0 Ji apibrėžia, ar iframe turi turėti kraštinę, ar ne. (HTML5 nepalaikoma).
Plotis Pikseliai Jis apibrėžia įterpto rėmelio plotį, o numatytasis plotis yra 300 px.
src URL Atributas src naudojamas kelio arba failo pavadinimui nurodyti, kuris turinys turi būti įkeltas į iframe.
smėlio dėžė
Šis atributas naudojamas papildomiems rėmelio turinio apribojimams taikyti
leisti-formas Tai leidžia pateikti formą, jei šis raktinis žodis nenaudojamas, tada formos pateikimas blokuojamas.
leisti-iššokantieji langai Jis įgalins iššokančiuosius langus, o jei nebus pritaikytas, nebus atidarytas joks iššokantis langas.
leisti scenarijus Tai leis paleisti scenarijų.
leisti-tos pačios kilmės Jei naudojamas šis raktinis žodis, įterptasis šaltinis bus laikomas atsisiųstu iš to paties šaltinio.
srcdoc Atributas srcdoc naudojamas HTML turiniui rodyti įtrauktame iframe. Jis nepaiso src atributo (jei palaiko naršyklė).
slinkimas
Tai rodo, kad naršyklė turi pateikti iframe slinkties juostą, ar ne. (HTML5 nepalaikoma)
automatinis Slinkties juosta rodoma, tik jei iframe turinys yra didesnis nei jo matmenys.
taip Visada rodoma iframo slinkties juosta.
Nr Niekada nerodoma iframe slinkties juosta.