Upotrebom frameset i frame taga i njihovih atributa razdijelit ćemo prozor browsera u četiri okvira kao na slici. U njh će biti učitana 4 body dokumenta : stranica A (doc_a.html) , stranica B (doc_b.html) , stranica C (doc_c.html) i stranica D (doc_d.html) .

stranica A
stranica B	stranica C
stranica D

Indirektno umetanje

Ovaj primjer je malo složeniji od prethodnih te će se moći ostvariti samo tzv. umetnutim okvirom. Što je to ? Umetnuti okvir je onaj okvir koji smo umetnuli u već postojeći okvir. Npr. u gornjem primjeru zamislite da smo prozor browsera razdijelili horizontalno na tri okvira, a zatim srednji vertikalno na još dva.

stranicaA stranicaB stranicaC stranicaD

=

stranicaA umetnuti_okvir.htm stranicaD

+

stranicaB stranicaC

U prvi okvir učitava se body dokument tj.stranicaA. U treći okvir takođe body dokument tj. stranicaD. Ali što je sa srednjim okvirom ? U srednji okvir će se morati učitati ne body nego frameset dokument koji će ga podijeliti u nova dva okvira. Taj frameset dokument nazvat ćemo umetnuti_okvir.htm .

Okvir odnosno frameset dokument (frameset tag) u koji će se umetati umetnuti_okvir.htm biti će mu roditelj (engl. parent) pa ćemo ga onda tako i nazvati: parent_okvir.htm. Dakle, parent_okvir.htm je roditelj (parent), a umetnuti_okvir.htm je njegovo dijete (child). Zapamtite ovo jer je veoma važno i trebat će nam kada budemo govorili o povezivanju okvira.

Vratimo se sada na naš primjer. Vjerojatno pretpostavljate kako će izgledati source code naredna dva frameset dokumenta. Da ne bi pretpostavljali previše pogledajte u narednoj tablici.

parent_okvir.htm	umetnuti_okvir.htm
<frameset rows="33%,33%,*">      <frame src="./doc_a.html">     <frame src="./umetnuti_okvir.htm">      <frame src="./doc_d.html"> </frameset>	<frameset cols="50%,50%">      <frame src="./doc_b.html">      <frame src="./doc_c.html"> </frameset>

Pogledajte kako izgleda parent_okvir.htm

Primjer: vidi code » vidi stranicu

Što se dešava ako otvorimo samo umetnuti_okvir.htm

Primjer: vidi code » vidi stranicu

Direktno umetanje

Kod direktnog umetanja nam ne treba poseban fajl odnosno novi frameset dokument. Sve što trebamo uraditi jest direktno umetnuti u već postojeći frameset tag novi frameset tag.

Npr. gornji primjer može se realizirati na slijedeći način. Napravimo frameset dokument direktno.htm slijedećeg sadržaja.

direktno.htm
<frameset rows="33%,33%,*">    <frame src="./doc_a.html">      <frameset cols="50%,50%">        <frame src="./doc_b.html">        <frame src="./doc_c.html">      </frameset>    <frame src="./doc_d.html"> </frameset>

Vjerojatno primjećujete da je ovaj dokument sjedinjenje parent_okvir.htm i umetnuti_okvir.htm . Odnosno, u fajlu parent_okvir.htm je tag
<frame src="./umetnuti_okvir.htm"> zamijenjen sa:
     <frameset cols="50%,50%">
       <frame src="./doc_b.html">
       <frame src="./doc_c.html">
     </frameset>

Sada možete i pogledati kako stvar radi.

Primjer: vidi code » vidi stranicu

Parent i top

Okvir unutar okvira možete (bilo direkto ili indirektno) umetati koliko god puta hoćete. Na taj način stvarate određenu hijerarhiju okvira, nešto slično direktorijima u operativnom sustavu. Pri tome uvijek pazite koji je okvir (frameset tag) kojemu roditelj ( _parent ), jer to je osobito važno kod povezivanja okvira linkovima u body dokumentima. Parent je uvijek onaj okvir iznad ili po analogiji uvijek direktorij iznad.

Okvir _top je najviši (najroditeljskiji) okvir i to je ustvari prozor vašeg browsera. Po analogiji s operativnim sustavom to bi bio root direktorij (npr C: u windowsima ili / u Linuxu) .