kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
farkmt2official 1
farkmt2official
Bvural41 1
Bvural41
noisiv 1
noisiv
Manwe Work 1
Manwe Work
Hikaye Ekle

9. HTML Dersi Tablo etiketine giriş (<table> .... </table>) (HTML Table)

  • Konuyu başlatan Konuyu başlatan AcimasiZz-
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 0
  • Görüntüleme Görüntüleme 423

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

9. HTML Dersi
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?
adszvw6.jpg

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.
tablo2satir3sutun.jpg


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
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst