HTML'de iki tür frame bulunmaktadır:
Aşağıda basit bir frame örneği görülmektedir :
<html> <frameset cols="30%,*"> <frame src="left.html" name="left"> <frame src="right.html" name="right"> </frameset> </html>
Yukarıdaki örnekte tarayıcının pencerese iki sütuna bölünmektedir. İlk sütunun genişliği tüm pencerenin %30 , ikinci sütunun genişliği ise tüm pencerenin %70 olacak şekilde verilmiştir (* geri kalan yüzde anlamına gelmektedir) . Sol bölümde left.html , sağ bölümde ise right.html sayfası görünecektir. Sol bölüme left , sağ bölüme right adı verilmiştir.
Aşağıda basit bir frame örneği görülmektedir :
<html> <frameset rows="30%,*"> <frame src="top.html" name="top"> <frame src="bottom.html" name="bottom"> </frameset> </html>
Yukarıdaki örnekte tarayıcının pencerese iki satıra bölünmektedir. İlk satırın yüksekliği tüm pencerenin %30 , ikinci satırın yüksekliği ise tüm pencerenin %70 olacak şekilde verilmiştir (* geri kalan yüzde anlamına gelmektedir) . Üst bölümde top.html , alt bölümde ise bottom.html sayfası görünecektir.
HTML'de içi içe iki frameset yapılabilir :
<html> <frameset cols="30%,*"> <frame src="left.html" name="left"> <frameset rows="20%,*"> <frame src="rightTop.html" name="rightTop"> <frame src="rightBottom.html" name="rightBottom"> </frameset> </frameset> </html>
İlk framset pencereyi iki sütuna ayırmıştır. İlk sütuna left.html içeren bir frame yerleştirilmiştir. İkinci sütun ise yeni bir framset ile iki satıra bölünmüştür. Üst bölüme rightTop.html sayfası , Alt bölüme ise rightBottom sayfası koyulmuştur.
Aşağıda iframe örneği görülmektedir :
<html> <iframe src="test.html" width="200" height="300" scrolling="yes" frameborder="1"> </iframe> </html>
IFrame'in genişliği 200 , yüksekliği 300 pixsel yapılmıştır. Eğer test.html'in içeri iframe boyutlarına göre büyük olurs scroll gözükecektir. iframe'in çevresinde de sınır çizgisi olacaktır.