Bu Blogda Ara

22 Eylül 2014 Pazartesi

Tablolar

  Html ile tablo oluşturmak için 3 etiket kullanılır.
1-  <table>    :  Tablonun başladığını (kapama etiketi ile de bittiğini) belirtir.
2-  <tr>         :  Tabloya yeni bir satır eklemek için kullanılır.
3- <td>         :  Tabloya yeni bir sütun eklemek için kullanılır.



  Örnek üzerinde gösterecek olursak,
<table>
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
   </table>


 Tablo oluştururken satır ve sütun sayısına dikkat etmek gerekir. Eğer ikisinin sayısı eşit değilse boş hücreler ile karşılaşabiliriz.
  İki sütun veya satır birleştirilebilir. Sütun birleştirmek için colspan="birleştirilecek sütun sayısı ", satır birleştirmek için ise rowspan="birleştirilecek satır sayısı" komutları kullanılır.

<table>
      <tr>
         <td colspan="2">satır 1, sütun 1 ve 2 birleştirildi</td>
      </tr>
      <tr>
         <td rowspan="2">satır 2 ve 3 birleştirildi, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
      <tr>
         <td>satır 3, sütun 2</td>
      </tr>
   </table>


satır 1, sütun 1 ve 2 birleştirildi
satır 2 ve 3 birleştirildi, sütun 1 satır 2, sütun 2
satır 3, sütun 2

                                  TABLOYA ÖZELLİK EKLEME



border="1"Tabloya kenarlık eklemeye yarar.
cellspacing="5"Sütunlar arası kenarlık boşluğu.
cellpadding="3"Satırlar arası kenarlık boşluğu.
width="40%"Tablo genişliği. Piksel ya da yüzde olarak ifade edilebilir.

Hiç yorum yok:

Yorum Gönder