HTML Iframea käytetään sisäkkäisen verkkosivun (verkkosivun sisällä) näyttämiseen. HTML

HTML iframe upottaa toisen asiakirjan nykyiseen HTML-dokumenttiin suorakaiteen muotoiseen alueeseen.

Verkkosivun sisältö ja iframe-kehyksen sisältö voivat olla vuorovaikutuksessa keskenään JavaScriptin avulla.

nollapistepoikkeus

Iframe-syntaksi

HTML iframe määritellään

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

Tässä 'src'-attribuutti määrittää tekstikehyksen sivun verkko-osoitteen (URL-osoitteen).

Aseta iframe-kehyksen leveys ja korkeus

Voit asettaa iframe-kehyksen leveyden ja korkeuden käyttämällä 'width'- ja 'height' -attribuutteja. Oletuksena attribuuttien arvot määritetään pikseleinä, mutta voit asettaa ne myös prosentteina. eli 50%, 60% jne.

kulmikas materiaali

Esimerkki: (pikseliä)

 <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> 

Esimerkki: (prosentti)

 <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> 

Voit myös määrittää iframe-kehyksen korkeuden ja leveyden CSS:n avulla.

Esimerkki:

 <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> 

Poista iframen reuna

Oletusarvoisesti iframe-kehyksen ympärillä on reunus. Voit poistaa reunuksen käyttämällä attribuuttia ja CSS border -ominaisuutta.

Esimerkki:

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

Voit myös muuttaa iframe-kehyksen reunuksen kokoa, väriä ja tyyliä.

Esimerkki:

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

Iframe-kohde linkille

Voit asettaa linkille kohdekehyksen iframe-kehyksen avulla. Linkissä määrittämäsi target-attribuutin on viitattava iframe-kehyksen name-attribuuttiin.

Esimerkki:

 <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> 

Lähtö

new.hmtl-lähtökoodi:

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

Upota YouTube-video iframen avulla

Voit myös lisätä YouTube-videon verkkosivullesi käyttämällä

Voit lisätä YouTube-videon verkkosivullesi seuraavasti:

• Siirry YouTube-videoon, jonka haluat upottaa.
• Klikkaa videon alla JAA ➦.
• Napsauta Upota-vaihtoehtoa.
• Kopioi HTML-koodi.
• Liitä koodi HTML-tiedostoosi
• Muuta korkeutta, leveyttä ja muita ominaisuuksia (vaatimuksen mukaan).

Esimerkki:

 <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> 

Lähtö:

str.substring javassa

Attribuutit