Temel HTML Dersleri: iFrame, İç-çerçeve Kullanımı

Bu yazı Dincer tarafından 11 Ekim 2009 tarihinde yayınlandı.

İframe, sayfamız içinde bir katman gibi istediğimiz bir alana harici bir sayfayı oturtma işlemidir.

iFrame, sayfada <body></body> kodlarının arasına yazılır ve <iframe></iframe> kodları kullanılarak oluşturulur. Frameset’te kullandığımız border, scrolling, name, bordercolor gibi öğeler iFrame içinde geçerlidir. Bunların dışında width, height, marginwidth ve marginheight elemanlarını da kullanabiliriz.

Width ve Height bildiğiniz gibi genişlik ve yüksekliği belirler. Marginwidth ve marginheight ise sayfa kenarlıklarını ayarlamaya yarar.

Aşağıdaki örneği gördükten sonra iFrame’in nasıl çalıştığını daha iyi anlayacağınıza eminim;

<html>
<head>
<title>iFrame Kullanımı</title>
</head>
<body>
<iframe name="iframe" src="iframesayfa.html"
width="520" height="180" frameborder="yes"
marginwidth="12" marginheight="7">
</iframe>
</body>
</html>

Yukarıdaki örnekte gördüğünüz gibi iframe’i oluşturuyoruz daha sonra ona name aracılığıyla bir isim veriyoruz. src ile ilgili alana koymak istediğimiz html sayfasını çağırıyoruz. Ardından genişlik ve yükseklik ve margin değerlerini veriyoruz. Tabi unutmadan çerçevenin border ayarına da frameborder etiketi ile evet diyoruz. Sanırım bundan sonra bu basit aracı kolay bir biçimde kullanabilirsiniz.

Benzer Yazılar

Şu anda okuduğunuz konuyu beğendiniz mi? Bizce aşağıdaki konularda en az bu konu kadar ilginizi çekecek.

çerçeveler, html, iç-çerçeve, iframe, temel html, Web Tasarım