HTML Tablo Oluşturma ve Özellikleri – HTML Dersleri – 7

0
14
görüntülenme
HTML Öğreniyorum
HTML Öğreniyorum Görseli

Bu yazımda Web’de kodlamaya ilk başladığım zamanlarda HTML kodlarıyla ufak deneme siteleri yaparken, sitenin temasını oluştururken sıklıkla kullandığım tablolardan bahsedeceğim. HTML Tablo nasıl oluşturulur ve temel özellikleri gibi konulardan bahsedeceğim.

HTML Tablo Oluşturma

HTML’de kodlama yaparken tabloları <table> etiketiyle tanımlarız. Tablolar içerisinde oluşturulacak her satır <tr> (table rows) etiketiyle oluşturulur. Bu satırların içerisinde de her sütun <td> (table data) etiketiyle tanımlanır. Bu <td> etiketi ile tanımlanan her bir alana tablo hücresi de diyebiliriz. Tabloda verilecek verilerin tümü bu etiket içerisinde tanımlanır. <td> ve <tr> etiketleri kapanış etiketlerine de sahiptir. Kapanış etiketlerinin kullanımı zorunludur. ( </td>, </tr> )

Örnek olarak iki satırlı ve dört sütunlu bir tablo oluşturmak için HTML kodlarını şu şekilde derlemeliyiz;

<table>
   <tr>
     <td>1. satır 1. sütun</td>
     <td>1. satır 2. sütun</td>
     <td>1. satır 3. sütun</td>
     <td>1. satır 4. sütun</td>
   </tr>
   <tr>
     <td>2. satır 1. sütun</td>
     <td>2. satır 2. sütun</td>
     <td>2. satır 3. sütun</td>
     <td>2. satır 4. sütun</td>
   </tr>
</table>

Bu kodlar ise şu şekilde bir tablo görüntüsü ortaya çıkartacaktır;

1. satır 1. sütun 1. satır 2. sütun 1. satır 3. sütun 1. satır 4. sütun
2. satır 1. sütun 2. satır 2. sütun 2. satır 3. sütun 2. satır 4. sütun
Tablo veri (table data) etiketi olan

, tablo içerisindeki veri hücresidir. Bu hücreler her türlü HTML kodlarını içerisinde barındırabilir. Yazı, görüntü, listeler gibi hatta bu hücrelerin içerisine de yeni tablolar oluşturabilirsiniz!
Önceki İçerikİstanbul İşletme Entitüsü ve WordPress Eğitimi
Fenerbahçe, bilişim meraklısı, yönetim bilişim sistemleri öğrencisi, kova burcu, 84 Bağcılar doğumlu, aslen Sivas'lı, 30'undan sonra Kocaeli'nde ikamet etmeye başlayan, geveze denebilecek kadar konuşkan, özünde anlatmayı seven ancak düşüncelerini internet ortamında paylaşma konusunda tereddütleri olan biri...
PAYLAŞ

CEVAP VER

Lütfen yorumunuzu yazınız
Lütfen isminizi buraya yazınız