HTML Etiketleri ile Tablolar Oluşturabilme

Konusu 'Web rehberi' forumundadır ve Lavinia tarafından 6 Eylül 2013 başlatılmıştır.

  1. HTML etiketlerini kullanarak tablolar oluşturabilirsiniz. Tablo oluşturmaya başlarken kullanılacak ilk etiket <table> etiketidir. Bu bir tablo oluşturduğunuzu belirtir. Tablolar <table> </table> etiketleri arasında tanımlanır. Tablo oluştururken kullanılan diğer etiketler ve ne işe yaradıklarını şöyle sıralayabiliriz:

    <th> tablo başlığı belirtir.
    <tr> satır oluşturmayı sağlar.
    <td> sütun oluşturmayı sağlar.

    Bu etiketlerin aldıkları bazı parametreler vardır. Parametreler etiketlere ek özellikler sağlarlar, başlangıç etiketleriyle kullanılırlar. Öncelikle <table> etiketinin aldığı parametrelere bakacak olursak;

    border: kenarlık kalınlığını belirler. <table border="1"> şeklinde kullanılır.
    width: tablonun genişliğini belirler. Yüzde veya piksel olarak yazılabilir.
    height: tablonun uzunluğunu belirler. Yüzde veya piksel olarak yazılabilir.
    cellspacing: Hücreler arasındaki boşluğu belirler.
    cellpanding: Hücrenin sınırı ile metin arasındaki boşluğu belirler.
    bgcolor: tablonun arkaplan rengini belirler.
    align: tabloyu sağa ya da sola hizalamak için kullanılır.
    bordercolor: tablonun sınır rengini belirler.


    <tr> etiketinin aldığı parametreler ise şunlardır:

    bgcolor: satırın arka plan rengini belirtir.
    align: değerlerin hücre içinde hizalanmasını sağlar. left, right, center değerlerinden birini alır.
    valign: hücre içindeki metinlerin hizalanmasını sağlar. top, middle, bottom ve baseline değerlerinden birini alır.

    <td> etiketi de <tr> etiketinin aldığı parametreleri alır. Aynı zamanda witdh ve height parametrelerini de alır.

    Bunların dışında rowspan parametresi aynı sütundaki hücreleri birleştirmek, colspan parametresi aynı satırdaki hücreleri birleştirmek için kullanılır.