Tablo etiketine giriş (<table> .... </table>) (HTML Table)
Herkese merhaba!
Bu dersimiz biraz geçikti. Kusura bakmayın. Nedeni:
Çalıştığım yerden, yıllık izin aldım ve bebeklerimiz ve abileriyle ben tek başıma bir süre kalmayı seçtim.
Bu ara verme işi bir miktar beni olaydan uzaklaştırdı daha sonraki hafta ise bu soğukluk nedeniyle bir türlü dersi hazırlayamadım.
Size tavsiyem; bir işe başladıktan sonra ara vermeyin, kesinlikle vermeyin.
Ara vermek sizi işten soğutur. Bir daha hiç başlayamayabilirsiniz.
Hayatınızda yarım bıraktığınız bir işiniz daha olur.
Bu dersimizde sizlere html derslerinin vazgeçilmez konusu olan <table> etiketini anlatmaya niyetim var.
inşaAllah <table> etiketininin temel özelliklerini iki derste anlatacağım.
Sizler biliyorsunuz ki html de başlayan bir tag %90 kapanmak zorundadır.
Birkaç istisna HTML etiketi (tagı) vardır ki bunların kapanmasına gerek yotur.
<table> şeklinde açılan tablo etkieti </table> şeklinde kapatılması gerekir.
Şunu lütfen hatırlayın: İki farklı HTML etiketi açıldığında sonraki açılan kapanmadan 1. açılan etiket kapatılmaz.
Bu kurala uyulmadığında html etiketileri içiçe olmamış olur.
İçiçe olmayıp etiketler birbirlerini keserlerse yanlış yapmış oluruz.
Şuna her zaman dikkat edin: sonra açılan etiket önce kapatılır.
Bildiğiniz gibi tablo satır ve sutunlardan oluşur.
Tablo 3 satır 4 sutundan oluşuyorsa 3 çarpı 4 eşittir 12 hücreye sahip olur.
Tablo 1 satır 2 sutundan oluşuyorsa toplam 2 hücresi olur.
Tablo 2 satır 3 sutundan oluşuyorsa kaç hücresi olur peki?
1. satırın 1. hücresi 1. satırın 2. hücresi 1. satırın 3. hücresi
2. satırın 1. hücresi 2. satırın 2. hücresi 2. satırın 3. hücresi
Yukarıda gördüğünüz gibi 2 satırlı ve 3 sutunlu bir tablonun 6 hücresi olmaktadır.
Tablo da satırın başladığını <tr> alt etiketiyle belirtiriz.
Tahmin ettiğiniz gibi tablonun satır bitişi </tr> ile belirtilir.
Sizinle önceki derslerimizde img etiketinin border özelliğini gördük diye hatırlıyorum.
Html etiketlerinin özelliklerini > den hemen önce belirtebiliriz.
<table border =1>
Bazı özellikler birçok html etiketinde geçerlidir. Örneğin border, height, width, color ....
Etiketlerin özellikleri yazılırken eşittir işaretinden sonra aldıkları değer belirtilir.
burada border özelliği 1 değerini almış.
Yukarıda resimde gösterdiğim htm kodunu elle yazıp çalıştırmanızı istiyorum.
<table border=1> şeklinde belirtirseniz tablonun çerçevelerini görürsünüz.
öbür türlü tablo davranışı elde etmiş olursunuz. Ama tablo görüntüsü olmaz.
Tablo davranışından kastım belli yazıları ekranın belli yerine yazdırmaktır.
Aşağıya bakarsanız tablo davranışı ifadesiyle neyi kasdettiğimi daha iyi anlayacaksınız.
1. satırın 1. hücresi 1. satırın 2. hücresi 1. satırın 3. hücresi
2. satırın 1. hücresi 2. satırın 2. hücresi 2. satırın 3. hücresi
Tablo dersimize bir dahaki hafta devam etme dileğiyle...
Ödeviniz
a) 3 satır 4 sutunlu bir tablo yapmak
b) 4 satır 1 sutunlu bir tablo yapmak
c) 1 satır 1 sutunlu bir tablo yapmak
d) 1 sutun 4 satırlı bir tablo yapmak
Bir dahaki dersimiz şunları işleyeceğiz inşaAllah.
tabloya ve hücrelere renk vermek
tablo ve hücrelere yükseklik ve genişlik vermek.
Anasayfa 
