Tässä on yksinkertaisen layoutin koodi:
<body background="taustakuva.jpg">
<IFRAME style="position:absolute; top: 120px; left: 100px;" width="680" height="500" src="main.html" name="main" frameborder="1" scrolling="auto">
<IFRAME style="position:absolute; top: 120px; left: 800px;" width="180" height="380" src="valikko.html" name="valikko" frameborder="0" scrolling="auto">
Koodien merkitykset:
<body background="taustakuva.jpg"> = määrittää sivuille taustakuvan
<IFRAME = layout on iframe
style="position:absolute; = sijainnin tyyli on kumoamaton
top: 120px; = laatikon yläreuna on 120 pikselin päässä internet-sivun yläreunasta
left: 100px;" = laatikon vasen reuna on sadan pikselin päässä internet-sivun vasemmasta reunasta (muista merkitä lainausmerkki (") ;-merkin perään, jotta kumoamaton sijainti 'päättyy')
width="680" = laatikko on 680 pikseliä leveä (pikselimerkintää ei tarvita tässä koodissa)
height="500" = laatikko on 500 pikseliä korkea
src="main.html" = määrittää mikä sivu on laatikossa kun sivuille saavutaan (tiedostonimi)
name="main" = anna laatikolle nimi (nimeä käytetään esimerkiksi valikon linkeissä)
frameborder="1" = määrittää laatikon reunusten näkyvyyden (0 = reunuksia ei näy, 1 = näkyvät reunukset)
scrolling="auto" = määrittää laatikon vierityspalkin liikkuvuuden (auto = automaattinen, no = ei ollenkaan, yes = vierityspalkki on näkyvissä vaikkei sitä tarvittaisikaan)
> = päättää <IFRAME-koodin
</iframe> = lopettaa kaikki iframe-koodaukset
Lukuja voi määrittää haluamansa mukaan ja laatikoita voi tehdä lisää mielensä mukaan.