Thor etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Thor etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

14 Mayıs 2011 Cumartesi

Web Sayfasında "iframe" Kullanmak

< iframe > tagı web sitelerinde sayfaya dahili bir html sayfası yerleştimek için kullanılır. Bu tagı koyduğunuz yerde bir kutucuk belirir ve bu kutucuk içinde adres olarak belirttiğiniz html sayfası görüntülenir. Web sitelerinde sıklıkla görmüş olduğunuz içinde kayan yazıların olduğu (genelde "Duyurular" başlığı altında yayınlanan hareketli yazılar için kullanılır) kutular iframe ile yapılır. Bu tagın genel kullanımı şu şekildedir,

< iframe src="deneme.html" width ="400" height="550" scrolling="no" frameborder="1" name="deneme" id="deneme" > < /iframe >

Şimdi "iframe" içinde kullanılan parametreleri açıklayalım;

iframe
src : Görüntülenmek istenen html sayfasının adresini belirtmek için kullanılır. Yeri gelmişken söyleyeyim; adres kısmına ille de html sayfası koymak zorunda değilsiniz. İsterseniz bir video ya da resim dosyasının adresini de verebilirsiniz. Browser'ınız o dosyaları da görüntüleyecektir.

width : Kutucuğun genişliğini belirlemek için kullanılır.

height : Kutucuğun yüksekliğini belirlemek için kullanılır.

scrolling : Kutucuk kenarına sürükleme çubuğu eklemek için kullanılır. Scrollbar'ı göstermek için "yes" gizlemek için "no" yazılır.

frameborder : Kutucuğa kenarlık eklemek için kullanılır. "0" ve "1" değerlerini alabilir.

name : Kutucuğu isimlendirmek için kullanılır. Web sayfasına koyduğunuz bir link'in tıklandığında aynı kutucuk içinde görüntülenmesini istiyorsanız, linkin "target" parametresine "iframe" için atadığınız ismi yazın. Sayfanın kutucuk içinde açıldığını göreceksiniz.

id : Kutucuğu CSS ile biçimlendirmek için kullanılır.

Benim iframe ile ilgili bildiklerim bu kadar... Sadece html görüntülemek zorunda değilsiniz demiştim. İsterseniz video da görüntüleyebilirsiniz. İşte size bunu çok güzel bir örneği;

< iframe width="320" height="240" src="http://www.youtube.com/embed/JOddp-nlNvQ" frameborder="0" allowfullscreen > < /iframe >

Bu kodu web sayfanıza ekleyerek Thor filminin fragmanını ziyaretçilerinize izletebilirsiniz. Gördüğünüz gibi iframe son derecede kullanışlı bir tag (kod ya da etiket siz ne derseniz deyin). Bu tagı kullanarak çok güzel tasarımlar yapabilirsiniz. Ziyaretçilerinizin sitede hoşça vakit geçirmesini sağlayabilirsiniz. Hepinize kolay gelsin.  Şimdilik hoşçakalın...