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> 

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> 

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> 

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> 

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> 

„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švestis

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švestis:

tostring metodas java

Atributai