Tablo hücresi - Table cell

Bir tablo hücresi , bir grafik olan bir gruptur tablo bilgi ya da veri depolamak için de kullanılır. Hücreler yatay (hücre sıraları) ve dikey (hücre sütunları) olarak gruplandırılmıştır. Her hücre, aynı çizgide olduğu satır ve sütun başlıklarının kombinasyonuna ilişkin bilgileri içerir. Gelen yazılım tasarımı , masa hücreleri anahtardır bileşeni içinde HTML ve web sayfası bina ve <table> bileşeninin bir parçasıdır. Bir kodlayıcı, bir tablo hücresi için boyutlar belirleyebilir ve bunları web sayfalarının bölümlerini tutmak için kullanabilir.

HTML kullanımı

HTML'deki hücre türleri

HTML'deki bir tablo hücresi boş olmayan bir öğedir ve her zaman kapalı olmalıdır. HTML'de iki farklı türde tablo hücresi vardır: normal tablo hücresi ve başlık hücresi. <td> bir tablo hücresini belirtir, adı 'veri' anlamına gelirken <th> bir tablo 'başlığını' belirtir. İkisi birbirinin yerine kullanılabilir, ancak başlık hücresinin yalnızca bir tablonun üst ve yan başlıkları için kullanılması önerilir.

Sözdizimi

Bir tablo hücresi ayrıca bir <table> etiketi ve bir <tr> (tablo satırı) etiketi içinde yuvalanmalıdır . Herhangi bir satırda diğerlerinden daha fazla tablo hücresi etiketi varsa, belirli <tr> öğesine , kaç hücre sütununun genişliğinde olması gerektiğini bildiren bir colspan özniteliği verilmelidir.

Örnek

4 hücre içeren bir HTML tablosu örneği:

hücre 1 hücre 2
hücre 3 hücre 4

HTML kaynağı: 

<table border="1">
  <tr>
    <td>
      Cell 1
    </td>
    <td>
      Cell 2
    </td>
  </tr>
  <tr>
    <td>
      Cell 3
    </td>
    <td>
      Cell 4
    </td>
  </tr>
</table>

Colspan ve satır aralığı

Her satır aynı sayıda tablo veri hücresine sahip olmalıdır, bazen tablo veri hücrelerinin birden fazla sütuna veya satıra yayılması gerekir. Bu durumda colspan ve/veya rowspan etiketleri kullanılır - burada bir sayıya ayarlanırlar.




<-- Bu satırda üç tablo veri hücresi var


<-- Bu satırda iki tane var. ilk kullanımlar colspan="2"



<-- Bu satırda üç tablo veri hücresi var, ancak biri iki satıra yayılıyor çünkü rowspan="2"


<-- Bu satırda yalnızca iki tablo veri hücresi var, çünkü ilki alınıyor

Ayrıca bakınız

Dış bağlantılar