10.TABLOLAR(TABLE)
Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir sayfa tasarlamak için tablolara hakim olmak gereklidir.

Tablolar

...
etiketleri arasına yazılır. etiketi bir yatay sıra oluşturulur, bu yatay sıra istenilen sayıda etiketiyle hücrelere bölünür.Aşağıdaki örneğe bakarak tablo mantığını anlayabilirsiniz.

< table> Hücre1
Hücre2
Hücre3

Hücre4
Hücre5
Hücre6



















Hücre1 Hücre2 Hücre3
Hücre4 Hücre5 Hücre6





10/1. ETİKETİ VE PARAMETRELERİ

Burada width ve height parametrelerini aynen daha önce kullandığınız gibi kullanabilirsiniz...

bgcolor
Hücrenin içinin rengini belirler.




Hücre

Hücre




background
Hücre içine resim koyar.




Hücre

Hücre




border
Hücre etrafına yerleştireceğiniz çerçevenin kalınlığını belirler




Hücre

Hücre




bordercolor
Çerçeve rengini belirler




Hücre

Hücre




bordercolorlight
Çerçevenin sol ve üst kenarlarının rengini belirler




Hücre

Hücre




bordercolordark
Çerçevenin sağ ve alt kenarlarının rengini belirler.




Hücre

Hücre




align
Hücrenin yatay konumu belirler




Hücre

Hücre




cellspacing
Hücre etrafındaki çerçevenin kalınlığını belirler.




Hücre

Hücre




cellpadding
Hücre içindeki elemanların (metin, resim, vs.) çerçeveden uzaklığını belirler.




Hücre

Hücre





10/2. ve ETİKETLERİ

etiketi, üzerine etiketiyle hücreler döşenmesi için yatay bir sıra,bir platform oluşturur.Dolayısıyla bu etiketin parametreleri herhangi bir işimize yaramaz. Tablo içindeki bütün düzenlemeleri aşağıda parametreleri verilen etiketiyle yapabiliriz.

bgcolor





Hücre

Hücre




background





Hücre

Hücre




align





Hücre

Hücre




valign





Hücre

Hücre




bordercolor





Hücre

Hücre




colspan








123
45
678

1
2
3

4
5

6
7
8




rowspan








123
4 rowspan="2">56
78

1
2
3

4
5
6

7
8





Yukarıdaki parametrelerden colspan yatay eksen üzerindeki iki hücreyi birleştirmek için kullanılır. Bu parametreye değer olarak birleşecek hücre sayısı verilir. Rowspan ise bu işi dikey eksen üzerindeki iki hücre için yapar. diğer parametrelerin kullanımlarını zaten başka etiketler üzerinde gördük.

10/3. TABLO UYGULAMALARI

Bu uygulamaları önce kendiniz yapmaya çalışın, eğer takılırsanız kodlarından faydalanın.

Uygulama

Küçük bir tablo uygulaması











Uygulama
Küçük bir tablo uygulaması






--------------------------------------------------------------------------------

Hosting

1.seçenek
20 Mb
100$/yıl

2.seçenek
50 Mb
150$/yıl



















Hosting
1.seçenek 20 Mb 100$/yıl
2.seçenek 50 Mb 150$/yıl




--------------------------------------------------------------------------------

SÜRÜCÜ CİNSİ
HIZ
Cd-Dvd rom'lar

CD-ROM
30X
40X
50X
60X

DVD
10X
12X































SÜRÜCÜ CİNSİ HIZ Cd-Dvd rom'lar
CD-ROM 30X 40X 50X 60X
DVD 10X 12X





Beğeniler: 0
Favoriler: 0
İzlenmeler: 1165
favori
like
share