HTML’de Tablo Kullanımı

HTML ile kolayca tablolar oluşturabilirsiniz. HTML’de tablo oluşturmak için 3 temel koda ihtiyacımız vardır.

• <table>
• <tr>
• <td>

Bu kodlarla istediğiniz gibi tablo oluşturabilirsiniz.

Sonucu aşağıdaki gibi olur;

Tablolar <table> etiketi ile belirtilir. Bir tablo <tr> etiketi satırlara ayrılır ve her satır <td> etiketiyle sütunlara ayrılır. <td> etiketinin anlamı table data dır. Bir tablo hücresi metinler, resimler, listeler, paragraflar, formlar, yatay çizgiler, tablolar vs. içerebilir.

Tablolar ve Border Parametresi

HTML tablonuzda bir border parametresi belirtmezseniz, tablonuz kenarlık olmadan görüntülenir. Bu bazen yararlı olabilir ama çoğu zaman kenarlıkları olan bir tablo daha çok işe yarar. Bu etiketi <table border=”1″> yazarak kullanabiliriz.

HTML Tabloda Başlıklar

HTML tablonuzda başlık olmasını istiyorsanız <td> yerine ilk satırlarda <th> etiketi kullanmanız gerekir.

Tabloda Hücre Birleştirme

Tablolarda hücre birleştirirken dikkat edilmesi gereken bir kaç husus var. İlki mutlaka satırlardaki sütun sayıları eşit olmalıdır. Eğer iki sütunu birleştiriyorsak colspan=”” veya iki satırı birleştiriyorsak rowspan=”” kodunu td kodu içerisine kaç sütun veya satır birleştireceğimizi yazarak kullanmamız gerekir.

Bu iki kodu kullanırken dikkatli olmamız gerekir yoksa sayılarda yapacağımız yanlışlık tablo görünümünde sorunlar oluşturacaktır. Bunu bir kaç örnekle pekiştirelim.

Örneğin çalışan halini görelim;

Tüm Tablo Etiketleri

HTML’de Tablo ile ilgili bilmeniz gereken bunlar. Bir sonraki yazıya kadar Sağlıcakla Kalın.