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.

... konulu sunumlar: "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."— Sunum transkripti:

1 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

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

3 Tablo Tag’ı Parametreleri

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

5 Örnek 4 Sonuç

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

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

8 Sonuç

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

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

11 Sonuc

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

13 Bordercolor, Bordercolordark ve Bordercolorlight A B C D

14 Sonuç

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

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

17 Gruplama Örneği Sonuç

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

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

20 Tablo Renklendirme Örneği Sonuç

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

22 Zemin Grafiği Örneği Sonucu

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

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

25 Tablo Hücrelerini Birlştirme Örnek1 Sonuç

26 Tablo Hücrelerini Birleştirme Örnek2 1 2 3 4 5 6

27 Tablo Hücrelerini Birlştirme Örnek2 Sonuç

28 Tablo Hücrelerini Birlştirme Örnek3 1 2 3 5 6 7 9

29 Tablo Hücrelerini Birleştirme Örnek3 Sonuç

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

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

32 Hücre Boyutlandırma Örnek1 Sonuç

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

34 Hücre Boyutlandırma Örnek2 Sonuç

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

36 Hücre Boyutlandırma Örnek3 Sonuç

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

38 Hizalama Sonuç

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

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

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

42 Örnek Sonucu

43 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:30 - 11: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

44 Tablo Biçimlendirme Örnek2 Sonuç

45 <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:30 - 11: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

46 Tablo Biçimlendirme Örnek3 Sonuç

47 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

48 Tablo Örnek Sonuç

49 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

50 Tablo Örnek Sonuç