Web Sayfasına Yazı Alanı Eklemek

Web sitenizi ziyaret edenlerin görüş ve önerilerini yazabilecekleri yazı alanları oluşturmak için < textarea > < /texarea > tagını kullanmalısınız. bu tag kullanıldığı yerde bir yazı alanı oluşturur. Bu tagın genel kullanımı şu şekildedir;

< textarea cols="15" rows="15" style=" float: left; font-size:16px; font:'Arial Black'; background: #333; color:#09F; text-shadow: 0.1em 0.1em 0.5em #FFF" > Yazı Alanı< /textarea >

Yazı Alanı

< textarea > tagının içinde kullandığımız parametreleri açıklayalım;

cols : Yazı alanının genişliğini yani bir satırda kullanılabilecek max karakter sayısını belirlemek için kullanılır.

rows : Yazı alanının yüksekliğini (bir kerede görüntülenecek satır sayısını) belirlemek için kullanılır.

style : Pek çok HTML tagının içinde kullandığımız bu parametreyi burada yazı alanını biçimlendirmek için kullandık. Yazı alanına arkaplan rengi, yazı karakteri, harf puntosu ve yazıların altına gölge, ışıltı (text-shadow efekti internet explorer6 da görüntülenmez) gibi görsel özellikler ekledik.

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