Tablolar Tablolar... etiketleri arasına yazılır. etiketi ile bir yatay sıra oluşturulur, bu yatay sıra istenilen sayıda etiketiyle hücrelere bölünür

Genel Yazım Hücre1 Hücre2 Hücre3 Hücre4 Hücre5 Hücre6

Tablo Tag’ı Parametreleri

Örnek 4 Bu bir table denemesidir Hücre1 Hücre2 Hücre3 Hücre4 Hücre5 Hücre6 Hücre7 Hücre8 Hücre9

Örnek 4 Sonuç

Border Parametresi Border parametresi tablonun kenar çizgileri ve hücre çerçevelerini denetler. Sıfır veya sıfırdan büyük bir değer alır. Bu değer tablonun çerçevesindeki görünür kenarların genişliğini tanımlar. Varsayılanı sıfırdır.

Border Parametresi Bu bir table denemesidir A B C A B C A B C

Sonuç

Cellpadding ve Cellspacing Cellspacing, her tablo hücresi arasındaki boşluk miktarını tanımlar. Callpadding ise, tablonun içindeki herhücrenin kenarlarının çevresindeki boşluğu ayarlar.

Cellpadding ve Cellspacing A B A B A B A B A B A B

Sonuc

Bordercolor, Bordercolordark ve Bordercolorlight Üç parametrede tablo çerçevesine renk vermede kullanılır. Bordercolordark ve bordercolorlight sadece IE’de üç boyutlu görünümde tablo hazırlama imkanı vermek için kullanılır.

Bordercolor, Bordercolordark ve Bordercolorlight A B C D

Sonuç

Sütun Gruplama İşlemi Tablonun sütunlarına bazı özellikleri topluca verme işleminde kullanılır. tagı sayesinde birkaç sütun aynı anda işlenebilir veya tagı sayesinde sütunlar ayrı ayrı düzenlenebilir bu işlem yapılabilir. Düzenlenebilecek özellikler align,valign ve width özellikleridir.

Gruplama Örneği sutun1 sutun2 sutun3 sutun4 sutun5 sutun6 A B C D E F G H I J K L

Gruplama Örneği Sonuç

Tabloyu Renklendirmek ve Zemin Resmi Koymak Zemin rengini düzelemek için,, etiketleri ile beraber bgcolor parametresi kullanılması yeterlidir. Artalana grafik yerleştirmek için ise background parametresi kullanılabilir.

Tablo Renklendirme Örneği hücre1 hücre2 hücre3 hücre4 hücre5 hücre6 hücre7 hücre8 hücre9

Tablo Renklendirme Örneği Sonuç

Zemin Grafiği Örneği hücre1 hücre2

Zemin Grafiği Örneği Sonucu

Tablo Hücrelerini Birleştirme Aynı satır farklı sütunlardaki hücreleri birleştirmek için colspan, aynı sütun farklı satırlardaki hücreleri birleştirmek için ise rowspan parametreleri kullanılır.

Tablo Hücrelerini Birleştirme Örnek1 Hücre1 Hücre2 Hücre3 Hücre5 Hücre7 Hücre8

Tablo Hücrelerini Birlştirme Örnek1 Sonuç

Tablo Hücrelerini Birleştirme Örnek

Tablo Hücrelerini Birlştirme Örnek2 Sonuç

Tablo Hücrelerini Birlştirme Örnek

Tablo Hücrelerini Birleştirme Örnek3 Sonuç

Hücre Boyutlarını Düzenlemek Hücre boyutları için width ve height parametreleri ile düzenlenir. Pixel cinsinden değer atanabilindiği gibi yüzde olarakta değer verilebilir. Herhangi bir değer verilmeyen hücreler içeriklerine göre otomatik boyutlandırılırlar.

Hücre Boyutlandırma Örnek1 hücre1 hücre2 hücre1 hücre2

Hücre Boyutlandırma Örnek1 Sonuç

Hücre Boyutlandırma Örnek2 hücre1 hücre2 hücre3 hücre4 hücre1 hücre2

Hücre Boyutlandırma Örnek2 Sonuç

Hücre Boyutlandırma Örnek3 hücre1 hücre2 hücre3 hücre1 hücre2 hücre3 hücre1 hücre2 hücre3

Hücre Boyutlandırma Örnek3 Sonuç

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

Hizalama Sonuç

Tablo Biçimlendirme Tablo bilgilerinin daha düzenli görüntülenmesi için Baş(Head) Gövde(Body) Ayak(Foot) bölümlerinden oluşur ve organize edilir.

Tablo Biçimlendirme Tablo etiketleri için kullanılır.Üstte ve altta olabilir. tablonun başlık kısmını oluşturur. Hücreleri etiketi ile oluşturulur. tablonun gövde kısmını oluşturur. en alt satırda yer alacak bilgileri bulundurur.

<table border="1" cellpadding="5" rules="groups" background="13.jpg" bordercolordark="#000066" bordercolorlight="#a0a0ff" > Bogaz Vapur Seferleri İyi Yolculuklar Kalkış Yeri Kalkış Saati Varış Yeri Varış Saati Not: Pazar Günleri Sefer Yapılmaz Kanlıca 8:30 Bebek 8:55 Anadolu Hisarı 8:40 Arnavutköy 9:05 kandilli 8:345 Bebek 8:55

Örnek Sonucu

Tablo Biçim Örnek2 <TABLE width="500" border="1" cellpadding="3" cellspacing="0" bordercolor="#0000FF" cols="4" rules ="groups"> Zaman Etkinlik Yer Not Zaman Etkinlik Yer Not 9: :00 Çizgiroman Sokak sergisi Açılışı İstiklal Caddesi Yok 14:00-16:00 Türk Çizgi Romancılığı Paneli Yes Sanat Evi Panel Sonrası Çizgi Film Gösterimi vardır. 11:30-13:00 Ghost In The Shell - Anime Gösterimi İpek Sineması Yok

Tablo Biçimlendirme Örnek2 Sonuç

<TABLE width="500" border="1" cellpadding="3" cellspacing="0" bordercolor="#0000FF" cols="4" > Zaman Etkinlik Yer Not 01:00-04:30 Geceyarısı Sineması - Kem Göz İpek Sineması Filmin yönetmen ve oyuncuları da gösterimde yer alacaktır. ÇİZGİ ROMAN FESTİVALİ 3. Gün Etkinlikleri Zaman Etkinlik Yer Not 9: :00 Çizgiroman Sokak sergisi Açılışı İstiklal Caddesi Yok 14:00-16:00 Türk Çizgi Romancılığı Paneli kYes Sanat Evi Panel Sonrası Çizgi Film Gösterimi vardır. 11:30-13:00 Ghost In The Shell - Anime Gösterimi İpek Sineması Yok 19:00-20:00 ResimliRoman Web Sitesi Toplantısı TZF Sanat Evi Yok

Tablo Biçimlendirme Örnek3 Sonuç

Tablo Örnek Günler Tarih Yönetici Tutar P.Tesi 09/11 Osman 639 Salı 09/12 Hande 596 Çarş. 09/13 Mehmet 1135 Perş. 09/14 Ali 1002 Cuma 09/15 Zehra 908 C.Tesi. 09/16 Orhan 371 Pazar 09/17 Kenan 272 Toplam 4923

Tablo Örnek Sonuç

Tablo Örnek Weekday Date Manager Monday 09/11/2000 Kelsey Tuesday 09/12/2000 Lindsey Friday 09/15/2000 Randy Saturday 09/16/2000 Lindsey Sunday 09/17/2000 Susan Monday 09/18/2000 Melody Tuesday 09/19/2000 Christiane Wednesday 09/20/2000 Symphony Saturday 09/23/2000 Cleo Sunday 09/24/2000 Alyx Monday 09/25/2000 Dancing Star Tuesday 09/26/2000 Dawn Wednesday 09/27/2000 Josh Saturday 09/30/2000 Hallie Sunday 10/01/2000 Paul

Tablo Örnek Sonuç