Za razliku od FRAMESET i FRAME tagova koji se umeću u frameset dokument, tag IFRAME regularno se stavlja u body dokument unutar BODY taga. Naime, ovaj tag možemo shvatiti kao da se radi o IMG tagu odnosno o postavljanju slike na web stranicu. Prema tome i atributi ovog taga su slični kao kod IMG taga .
Atributi
1. src="URL"
Ovo je atribut koji omogućava učitavanje nekog html ili pak frameset dokumenta u okvir.
Dovoljno je samo unijeti put do takvog fajla (bilo apsolutni bilo relativni) i stvar je riješena .
Također to može biti i slika npr. .gif ili .jpg fajlovi.
2. width="px | %" i height="px | %"
Width je atribut koji određuje širinu, a height određuje visinu okvira.
Mogu biti izraženi u pixelima ili postocima širine odnosno visine prozora browsera.
3. name="string"
Atribut name dodjeljuje naziv iframe tagu. Naziv mora početi slovom ili brojem.
Od posebne je važnosti za povezivanje "linkanje" okvira i ostalog dijela
body dokumenta te će biti objašnjen nešto kasnije.
4. frameborder="yes | 1 | no | 0"
Isto kao kod frameset taga ovaj atribut određuje da li će ivica (rub) biti prikazana ili ne.
I tek je sada vrijeme za jedan primjer
1. primjer : frameborder="no"
Naredni primjer pokazuje kako su na našu web stranicu ubačena 2 okvira. Unutar prvoga je učitana stranicaA , a okvir nema ivicu. Unutar drugog je učitana stranicaB , a okvir ima prikazanu ivicu.
Primjer: vidi code » vidi stranicu
5. marginwidth="px" i marginheight="px"
Ova dva taga kontroliraju unutrašnju marginu dokumenta. Odnosno definiraju koliko će pixela
sadržaj (slika, text, link ...) biti udaljen od ivice okvira. Marginwidth određuje udaljenost sadržaja od lijeve i desne ivice,
a marginheight od gornje i donje ivice. Vrijednost ne smije biti manja od 1, dakle 0 ne dolazi u obzir.
Predefinirana vrijednost je 13 ili 14px.
1. primjer : marginwidth=1 marginheight=1
U slijedećem primjeru će slika biti smještena točno u gornji lijevi kut okvira. To je zato što smo marginu definirali sa 1px.
Primjer: vidi code » vidi stranicu
6. scrolling="yes | no | auto"
Tag scrolling određuje da li će se s donje i desne strane okvira pojavljivati scrollbar.
Ako stavimo yes onda će stojati stalno, ako stavimo no nikad ga vidjeti nećemo. A auto ?
U tom slučaju browser sam određuje kada će se pojaviti. Obično se pojavi kad text, slika ili nešto
drugo ima veće dimenzije od okvira. Veoma je nezgodno ako stavite no jer se može desiti
da korisnik pri drugačijoj rezoluciji monitora od vaše možda neće moći vidjeti cio sadržaj.
7. align="right | left | top | texttop | middle | absmiddle | bottom | baseline | absbottom | center"
Ovaj atribut određuje kako će biti poravnat text oko okvira, a objašnjen je u
HTML osnovama kad je bilo govora o IMG tagu.
8. vspace="px" i hspace="px"
Ovaj atribut definira udaljenost texta od okvira, a objašnjen je također u
HTML osnovama kad je bilo govora o IMG tagu pa nećemo se kao babe ponavljati.
I na kraju važno je napomenuti da je ovo relativno novi tag te da ga neki malo stariji browseri neće podržavati. Također je upitno kako će se određeni atributi ponašati i kod novijih web browsera. Zato je preporuka da kada pišete ovaj tag da isprobavate kako će raditi u raznim browserima.
Bez slijedeće lekcije sve dosada što ste naučili nema nikakve svrhe.
Naučite kako povezati okvire međusobno.
Zašto je NAME atribut od presudne važnosti ?