logo

TechCodeview

HTML iframes

HTML iframe se uporablja za prikaz ugnezdene spletne strani (spletne strani znotraj spletne strani). HTML

HTML iframe vdela drug dokument znotraj trenutnega dokumenta HTML v pravokotno območje.

Vsebina spletne strani in vsebina iframe lahko med seboj komunicirata s pomočjo JavaScripta.

c++ razcepni niz

Sintaksa iframe

HTML iframe je definiran z 

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

Tu atribut 'src' določa spletni naslov (URL) strani z vgrajenim okvirjem.

Nastavite širino in višino okvirja iframe

Širino in višino iframe lahko nastavite z uporabo atributov 'width' in 'height'. Vrednosti atributov so privzeto določene v slikovnih pikah, lahko pa jih nastavite tudi v odstotkih. tj. 50%, 60% itd.

java regex $

Primer: (piksli)

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

Primer: (odstotek)

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

Za nastavitev višine in širine okvirja iframe lahko uporabite tudi CSS.

primer:

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

Odstranite obrobo iframe

Iframe je privzeto obrobljen. Obrobo lahko odstranite z uporabo atributa in lastnosti obrobe CSS.

primer:

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

Spremenite lahko tudi velikost, barvo in slog obrobe iframe.

primer:

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

Cilj iframe za povezavo

Z uporabo iframe lahko nastavite ciljni okvir za povezavo. Vaš podani ciljni atribut povezave se mora nanašati na atribut imena okvirja iframe.

primer:

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

Izhod

HTML iframes

izhodna koda new.hmtl: 

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

Vdelajte YouTube video s pomočjo iframe

Na svojo spletno stran lahko dodate tudi YouTube video z uporabo

Sledi nekaj korakov za dodajanje videa YouTube na vašo spletno stran:

  • Pojdite na YouTube video, ki ga želite vdelati.
  • Pod videoposnetkom kliknite DELI ➦.
  • Kliknite možnost Vdelaj.
  • Kopiraj kodo HTML.
  • Prilepite kodo v datoteko HTML
  • Spremenite višino, širino in druge lastnosti (glede na zahtevo).

primer:

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

Izhod:

tostring metoda java
HTML iframes

Lastnosti

Ime atributa Vrednost Opis
dovoli cel zaslon Če je res, se ta okvir lahko odpre na celotnem zaslonu.
višina Piksli Določa višino vdelanega okvirja iframe, privzeta višina pa je 150 slikovnih pik.
ime besedilo Daje ime okvirju iframe. Atribut imena je pomemben, če želite ustvariti povezavo v enem okvirju.
obroba okvirja 1 ali 0 Določa, ali naj ima iframe obrobo ali ne. (Ni podprto v HTML5).
Premer Piksli Določa širino vdelanega okvirja, privzeta širina pa je 300 px.
src URL Atribut src se uporablja za podajanje imena poti ali imena datoteke, katera vsebina naj se naloži v iframe.
peskovnik
Ta atribut se uporablja za uporabo dodatnih omejitev za vsebino okvirja
dovoljeni obrazci Omogoča oddajo obrazca, če ta ključna beseda ni uporabljena, potem je oddaja obrazca blokirana.
dovoli pojavna okna Omogočil bo pojavna okna in če se ne uporabi, se ne bo odprlo nobeno pojavno okno.
dovoli skripte Omogočil bo zagon skripta.
dovoli-istega-porekla Če je uporabljena ta ključna beseda, bo vdelani vir obravnavan kot prenesen iz istega vira.
srcdoc Atribut srcdoc se uporablja za prikaz vsebine HTML v inline iframe. Preglasi atribut src (če ga brskalnik podpira).
pomikanje
Označuje, ali mora brskalnik zagotoviti drsni trak za iframe ali ne. (Ni podprto v HTML5)
avto Drsni trak se prikaže le, če je vsebina okvirja iframe večja od njegovih dimenzij.
ja Vedno prikaže drsni trak za iframe.
št Nikoli ne prikaže drsnega traku za iframe.