Html'de Frame

Frame'e Giriş

Browser penceresi birden fazla sayfanın gösterilebilmesi için frame'lere ayrılabilir. Örneğin solda menuleri gösteren bir sayfa ortada içeriğin gösterildiği bir sayfa bulunabilir. Frame yerleştirmek için önce frameset yerleştirmek gerekir. Frameset iki frame'in yerleştirildiği frame'dir. örneğin 3 frame koymak istiyorsanız önce sayfaya bir frameset ekleyerek ikiye böleceksiniz. İki bölümden birine frame değil başka bir frameset yerleştireceksiniz. Şimdi örnek olarak sol'da ve sağ'da olamak üzere iki frame yaratıyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 	<frameset cols="30%,*">
  3 		<frame src="left.html" name="left">
  4 		<frame src="right.html" name="right">
  5 	</frameset>
  6 </html>

Sol frame'in adı left, sağ frame'in adı right yaptık. Frameset'in cols özelliği ile soldaki frame'in genişliği tüm genişliğin %30'u olduğunu belirttik. * ile geri kalan genişliğin yani %70'in sağ frame'e ayrıldığını söylemiş olduk. Şimdi yukarıda bir frame ve aşağıda bir frame yapıyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 	<frameset rows="30%,*">
  3 		<frame src="top.html" name="top">
  4 		<frame src="bottom.html" name="bottom">
  5 	</frameset>
  6 </html>

Burada da yukarıdakine benzer şekilde tüm yüksekliği %30'u top.html'e geri kalan ise bottom.html'e verilir. İstinirse % cinsinden değil de pixsel olarakta verilebilir.

İkiden fazla frame yerleştirmek için frameset içinde frameset kullanmamız gerekir. Şimdi solda bir frame, sağda ise üst'te ve ortada bir frame yapalim. Bunun için önce sol ve sağ diye ikiye bölmemiz gerekir. Sonra sağ bölgeyede üst ve ortadaki olarak iki frame ekleyeceğiz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 	<frameset cols="30%,*">
  3 		<frame src="left.html" name="left">
  4 		<frameset rows="20%,*">
  5 			<frame src="rightTop.html" name="rightTop">
  6 			<frame src="rightBottom.html" name="rightBottom">			
  7 		</frameset>		
  8 	</frameset>
  9 </html>

Görüldüğü gibi sol'a left.html yerleşir. Sağ üste rightTop.html sağ alta ise rightBottom.html gösterilecektir.

IFrame

İstediğiniz yere, istediğiniz genişlikte bir frame yerleştirmek için iframe kullanılır. Şimdi aşağıda bir iframe ekliyoruz.

Göster Gizle Kopar Satır Gizle Satır Göster

  1 <html>
  2 	<iframe src="test.html" width="200" height="300" scrolling="yes" frameborder="1">
  3 	</iframe>
  4 </html>

Dosya Listesi