HTML’de tablolar eskisi kadar önemli olmasa da tablo amaçlı olarak kullanırız. Ancak layout olarak kullandığımız zamanlarda tablo birleştirme oldukça önemli rol oynamaktaydı. Şimdi ise email tasarımlarında layout olarak kullanmak zorunda olduğumuz için bu alanda proje yapacak arkadaşlar için tablo birleştirme hakkında bir kaç detay yazıyorum. Tablo hücrelerini birleştirirken yatay elemanlar için colspan dikey elemanlar için rowspan kullanıyoruz. HTML COLSPAN Kullanımı HTML hücreleri yatay olarak genişletmek istediğimiz zaman colspan kullanırız. colspan ek niteliği içerisine kaç hücrelik birleştirme yapmak istediğimizi yazarız. Tablo Normal Görünüm <table> <tbody > <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <t...
HTML’de Tablolar İlkel tasarımlarda tabloları web sayfalarımızın iskeletini çıkartırken kullanıyorduk. Artık mobil uyumlu responsive özelliklere ihtiyaç ve kolay kullanım sebebiyle div kullanımları yoğunlaştı ve email tasarımları dışında tabloları web sayfalarında sadece tablo amacı için kullanıyoruz. HTML’de Tablo Nasıl Oluşturulur ? <table> etiketleri ile tablomuzu oluşturmaya başlıyoruz. <tr> ile satırları oluşturuyoruz. <td> ve <th> ile tabla sutunlarını oluşturuyoruz. Örnek: <table> <!--- Birinci Satırımın Başlangıcı --> <tr> <!--- Birinci Satır Birinci Sutun--> <th>İsim</th> <!--- Birinci Satır İkinci Sutun --> <th>Yaş</th> <!--- Birinci Satır Üçüncü Sutun --> <th>Email</th> &...
Kısaca anlatmak gerekirse HTML tablolarda tabloyu her zaman <table> ve </table> arasına yazmaktayız. Satır oluşturmak için <tr> </tr> Sutun oluşturmak içinse <td></td> veya <th></th> kullanmaktayız. Peki td ve th Arasındaki Fark nedir ? <th> tablonun en üst kısmında başlıklar için kullanılırken. <td> kısmı tablonun iç kısımlarındaki elemanlar için kullanılır. <table> <tr> <th>Burası Başlık TH</th> <th>Burası Başlık TH</th> </tr> <tr> <td>Burası Metin TD</td> <td>Burası Metin TD</td> </tr> </table> Önizleme: Burası Başlık TH Burası Başlık TH Burası Metin TD Burası Metin TD