logo

TechCodeview

HTML iframes

HTML iframe koristi se za prikaz ugniježđene web stranice (web stranice unutar web stranice). HTML

HTML iframe ugrađuje drugi dokument unutar trenutnog HTML dokumenta u pravokutno područje.

Sadržaj web stranice i sadržaj iframea mogu međusobno komunicirati pomoću JavaScripta.

umjetna inteligencija i inteligentni agenti

iframe sintaksa

HTML iframe definiran je s 

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

Ovdje atribut 'src' navodi web adresu (URL) stranice s umetnutim okvirom.

Postavite širinu i visinu iframea

Možete postaviti širinu i visinu iframea pomoću atributa 'width' i 'height'. Prema zadanim postavkama, vrijednosti atributa navedene su u pikselima, ali ih možete postaviti i u postocima. tj. 50%, 60% itd.

nadjačavanje metode u Javi

Primjer: (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>
Testirajte sada

Primjer: (Postotak)

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

Također možete koristiti CSS za postavljanje visine i širine iframea.

Primjer:

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

Uklonite obrub iframea

Prema zadanim postavkama, iframe sadrži obrub oko sebe. Obrub možete ukloniti korištenjem atributa i CSS svojstva obruba.

Primjer:

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

Također možete promijeniti veličinu, boju i stil obruba iframea.

Primjer:

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

Cilj iframea za vezu

Možete postaviti ciljni okvir za vezu pomoću iframea. Vaš navedeni ciljni atribut veze mora se odnositi na atribut naziva iframea.

Primjer:

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

Izlaz

HTML iframes

new.hmtl izlazni kod: 

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

Ugradite YouTube video pomoću iframea

Također možete dodati YouTube video na svoju web stranicu koristeći

Slijedi nekoliko koraka za dodavanje YouTube videozapisa na vašu web stranicu:

  • Idite na YouTube videozapis koji želite ugraditi.
  • Kliknite PODIJELI ➦ ispod videa.
  • Kliknite opciju Embed.
  • Kopiraj HTML kod.
  • Zalijepite kôd u svoju HTML datoteku
  • Promijenite visinu, širinu i druga svojstva (prema zahtjevu).

Primjer:

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

Izlaz:

tostring metoda java
HTML iframes

Atributi od

Naziv atributa Vrijednost Opis
dopusti cijeli zaslon Ako je istina, taj se okvir može otvoriti na cijelom zaslonu.
visina pikseli Definira visinu ugrađenog iframea, a zadana visina je 150 px.
Ime tekst Daje naziv iframeu. Atribut imena je važan ako želite stvoriti vezu u jednom okviru.
granica okvira 1 ili 0 Definira treba li iframe imati rub ili ne. (Nije podržano u HTML5).
Širina pikseli Definira širinu ugrađenog okvira, a zadana širina je 300 px.
src URL Atribut src koristi se za davanje naziva staze ili naziva datoteke koji sadržaj treba učitati u iframe.
pješčanik
Ovaj se atribut koristi za primjenu dodatnih ograničenja za sadržaj okvira
dopustiti-forme Omogućuje podnošenje obrasca ako se ova ključna riječ ne koristi, tada je podnošenje obrasca blokirano.
dopustiti skočne prozore Omogućit će skočne prozore, a ako se ne primijeni, neće se otvoriti skočni prozor.
dopusti skripte Omogućit će pokretanje skripte.
dopustiti-isto-podrijetlo Ako se koristi ova ključna riječ, tada će se ugrađeni izvor smatrati preuzetim iz istog izvora.
srcdoc Atribut srcdoc koristi se za prikaz HTML sadržaja u ugrađenom iframeu. On nadjačava atribut src (ako ga preglednik podržava).
listanje
Označava treba li preglednik omogućiti traku za pomicanje za iframe ili ne. (Nije podržano u HTML5)
auto Traka za pomicanje prikazuje se samo ako je sadržaj iframea veći od njegovih dimenzija.
Da Uvijek prikazuje traku za pomicanje za iframe.
Ne Nikada ne prikazuje traku za pomicanje za iframe.