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;

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...

HTML Kodları ile Web Sayfasına Müzik ve Video Eklemek

Binbir uğraşıyla, özene bezene bir web sayfası hazırladınız ve bu sayfada, ziyaretçiler dolaşırken bir fon müziği çalsın istiyorsunuz. İşte bu durmda HTML'nin < embed > kodu imdadınıza yetişiyor. Bu tagı kullanarak videoları sayfanızda görüntüleyebilir, mp3, waw, wma uzantılı müzik dosyalarını web sayfanıza fon müziği olarak kullanabilirsiniz. Peki ama bu tag nasıl kullanılır? Lafı fazla uzatmadan bu tagın ya da kodun nasıl kullanılacağını bir örnek üzerinde gösterelim,

< embed src="müzik dosyası.mp3" hidden="true" autostart="true" loop="true" >

Şimdi bu tagın içinde geçen parametreleri kısaca anlatalım:

src : Film ya da müzik dosyasının konumunu (adresini) belirtmek için kullanılır.

hidden : Mediaplayer eklentisinin görünürlüğünü değiştirmek için kullanılır. true yaparsanız eklenti görünmez false yaparsanız görünür.

autostart : True değerini verirseniz müzik dosyası sayfa yüklenir yüklenmez otomatik olarak çalmaya başlar.

loop : Müziğin kaç kez çalınacağını belirtmek için kullanılır. -1 ya da true değerini verirseniz sürekli çalar. false derseniz bir kez çalar ve durur.

NOT: Eğer amacınız sadece fon müziği koymak isre hidden parametresini true yaparsınız ve bu tagı olduğu gibi < head > < / head > arasına yazarsınız böylece sayfada yer işgal etmemiş olur.
Web Sayfasına Video Eklemek

< embed > tagı web sayfasına video eklemek için de kullanılabilir. Bununla ilgili örnek kodlama şu şekildedir;

< embed src="http://www.youtube.com/v/hY-vXcmpZIw?version=3&hl=en_US&rel=0" width="425" height="349" >

"width" ve "height" parametreleri videonun boyutlandırılması için kullanılır. Burada verdiğim örnek kodu Lady Gaga'nın Poker Face isimli parçasını bloğuma eklemek için kullandım. Keyfini çıkarın !!! :))