|
| TABLOLAR |
Tablolar, HTML sayfasında listeler ve şablonlar hazırlamak dışında, resimleri ve metinleri sayfa içerisinde istenilen bölgelere yerleştirmek ve bunun gibi bir çok alanda kullanılırlar.
< TR >,< TD >,< TH > ve bunları kapatma taglarıyla birlikte kullanılan < TABLE...> tag'ının genel kullanımı şöyledir:
< TABLE BORDER=X CELLPADDING=X CELLSPACING=X WIDTH=[% veya X] HEIGHT=[% veya X] BGCOLOR=X BACKGROUND="X" >
BORDER değişkenine verilecek 0 veya daha üstü bir değer tablonun kalınlığını belirler. CELLPADDING değişkenine verilebilecek herhangi bir sayı, tablonun sınırları ile tablo içeriği arasındaki mesafeyi, CELLSPACING ise hücreler arasındaki mesafeyi belirler.
WIDTH ve HEIGHT değişkenleri bir yüzde değeri veya bir sayı olabilir. WIDTH=590 değeri verildiğinde 640*480 çözünürlükte ekranın tüm genişliğini kaplayacak bir tablo oluşturulur. WIDTH=%50 değerini verildiğinizde ise Web tarayıcınız o tablonun her zaman ekran genişliğinin yarısını kaplamasını sağlar.
< TABLE > tag'ının içerisinde kullanılan BGCOLOR değişkeni tablonun fon rengini tayin eder. X değeri geçen aylarda değindiğimiz HEX kodlarından (#FFFF00) veya renk isimlerinden (white, olive...) biri olmalıdır. Tablonuz daha canlı ve profesyonel görünsün istiyorsanız, arka fonuna bir GIF veya JPG resmini de BACKGROUND ekini kullanarak döşetebilirsiniz.
Gelelim tablonun oluşturulmasına. Genel prensip şudur: < TABLE > tag'ıyla tabloya başladıktan sonra her satırı oluşturmak için < TR >, her sütunu oluşturmak için ise < TD > tag'ını kullanmalısınız. Aman bu tagları kullanıyorsanız her satırın sonuna < /TR > ve her sütunun sonuna < /TD > tag'larının koymayı unutmayın!
Bir diğer durum da, herhangi bir hücrenin yanındaki iki ya da daha çok hücreyi enine ya da boyuna doğru içine almasıdır ki bu işlemi yapmak için < TD [COLSPAN=X, ROWSPAN=X ] > veya < TR [COLSPAN=X, ROWSPAN=X] > ekleri kullanılır. Örneğin 2 satır ve 2 sütunlu 1.tablonun oluşturulması için aşağıdaki kodlara ihtiyaç vardır, bu kodlar aynı zamanda COLSPAN ve ROWSPAN eklerini de anlatmaktadır.
< TABLE BORDER=1 CELLSPACING=2 CELLPADDING=3 >
-->"Bu kodlarla, çerçeve kalınlığı 1, hücreler arası boşluğu 2, hücre ile yazı aralığı 3 olan yeni bir tablo oluşturuyoruz."
< TR >< TH COLSPAN=2 > -->"iki kolonu içine alacak, yazılar kalın olacak ve ortalanacak (yani başlık olacak) "
Tablo Örneği:
< /TR >< /TD >< TR >< TD >
deneme1
< /TD >< TD > -->" yeni bir kolona başlıyoruz..."
deneme2
< /TR >< /TD >< TR >< TD >
deneme3
< /TD >< TD > -->" yeni bir kolona başlıyoruz..."
deneme4
< /TD >< /TR >< /TABLE > -->"tüm tag'ları kapatıp tabloyu sonlandırıyoruz."
Eğer renkli tablolar elde etmek isteseydik < TABLE .... ifadesinin yanına BGCOLOR="#FFFF80", < TD.. ifadesinin yanına ise BGCOLOR="#000080" eklerini girmeniz gerekecekti.
|
Tablo Örneği:
|
|---|
|
deneme1
|
deneme2
| |
deneme3
|
deneme4
|
|
Başa Dön
| TABLO ÇİZGİ ÖRNEKLERİ |
Aşağıdaki koddaki frame kısmına (above, below... v.b) gibi özel komutları uygulayarak çeşitli tablo çizgileri oluşturabiliriz.
< table border=1 frame="below" >
< tr >
< td colspan=4 align=center >below< /td >
< /tr >
< /table >
|
Başa Dön
| FRAME KULLANMAK |
FRAMESET
< a href=" [Adres] [:port]" >[Görüntü]< /a >
Bu tag, yatay ve dikey pencerelerin tanımına "başlamak" için kullanılır. Tag ile birlikte kullanılabilecek iki adet takı vardır ki bu takılar oluşturulacak pencerelerin cinsini belirler.
COL takısı dikey nitelikte ROW takısı yatay nitelikte bir pencere oluşturmak için kullanılır.
< FRAMESET COL="100,50" > komutu bundan sonra üç sayfanın tanımı yapılacağını, bu sayfaların kolon nitelikli olacağını, bunlardan iki tanesinin sabit uzunluklu, üçüncüsünün uzunluğunun ise değişebilir olduğunu gösterir. Tırnak içinde sabit bir sayı ve yıldız kullanabileceğimiz gibi "30%,70%" bir yüzde değer de belirtebiliriz, bu durumda frame'in boyutu sayfanın boyutu göz önüne alınarak otomatik olarak ayarlanır. < FRAMESET > takısı < /FRAMESET > ile bitirilmeden önce iç içe kullanılarak komplike pencere tanımları yapmamıza izin verir.
FRAME
Bu tag ise < frameset > ile başlayacağımızı belirttiğimiz sayfaları oluşturmakta kullanılır ve sayfanın genel yapısını belirler. < frame > takısının iki web tarayıcısının da desteklediği 6 adet takısı vardır.
SRC=" URL/DOSYA_ADI " Pencere içerisine yüklenecek dosyayı seçmek için kullanılır. Bu değer sunucu içinde herhangi bir dosya olduğu gibi değişik bir Internet adresi de içerebilir.
NAME=" FRAME_ADI " Daha sonra sayfayı çağırmak için referans olarak kullanılacak isim bu değere atanmalıdır.
MARGINWIDTH=" DEĞER " Sayfadaki ilk nesnenin soldan ne kadar uzak olacağını belirler.
MARGINHEIGHT=" DEĞER " Sayfadaki ilk nesnenin yukardan ne kadar uzak olacağını belirler.
SCROLL=AUTO/YES/NO Kaydırma çubuklarının durumunu belirler
NORESIZE Pencerenin fare yardımıyla genişletilip daraltılamamasını sağlar.
NOFRAME
Bu takı iki çerçeveyi oluşturacak sayfada kullanılır ve frame'leri desteklemeyen web tarayıcısında sayfanın görünümünü oluşturur. Web tasarımcısı < noframe > ve < /noframe > takıları arasına < HTML >, < BODY > tag'larını barındıran tam bir HTML sayfası girebilir.
Son olarak frame'leri tanımlayan sayfada bulunmayan fakat frame'in tanımladığı sayfaya koyabileceğiniz bir tag daha vardır. < BASE TARGET="pencere" > tagı o pencere içerisinden bir link'e tıklandığında kaynağın hangi pencerede açılacağını belirler.
Frame içindeki bir sayfada dışarıya bir referans bulunuyorsa < A HREF="... ile başlattığınız tag içinde mutlaka TARGET= " _TOP " veya TARGET=" _BLANK " takılarını kullanın. Bunu yapmazsanız frame'li sayfanız içinda başka bir frame'li sayfa açılması veya küçücük penceremize sığmayacak bir sitenin yüklenmesi kaçınılmaz olur.
|
Başa Dön
Başa Dön
|
|
