En son web geliştirme öğreticiler
 

HTML <td> Tag


Örnek

İki tablo hücreleri ile basit bir HTML tablosu:

<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

<td> etiketi bir HTML tablosunda bir standart hücreyi tanımlar.

Bir HTML tablo hücrelerinin iki tür vardır:

  • Başlık hücreleri - (ile oluşturulan başlık bilgilerini içerir <th> elemanı)
  • Standart hücre - verileri içeren (created with the <td> element)

Metin <th> elemanları cesur ve varsayılan olarak merkezli vardır.

Metin <td> elemanları düzenli ve sola hizalanmış varsayılan olarak bulunmaktadır.


Tarayıcı Desteği

Eleman
<td> Evet Evet Evet Evet Evet

İpuçları ve Notlar

Tip: kullan colspan ve rowspan birden çok sütun veya satır üzerinden içerik aralığını izin niteliğini!


HTML 4.01 ve HTML5 Arasındaki Farklar

Tüm düzen nitelikleri HTML5 ile kaldırılır.


Nitelikler

nitelik değer Açıklama
abbr text HTML5 desteklenmez.
Bir hücrede yer alan içeriğin kısaltılmış versiyonunu belirtir
align left
right
center
justify
char
HTML5 desteklenmez.
Bir hücrenin içeriğini hizalar
axis category_name HTML5 desteklenmez.
hücreleri sınıflandırır
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5 desteklenmez.
Bir hücrenin arka plan rengini belirtir
char character HTML5 desteklenmez.
Bir karaktere hücrenin içeriğini hizalar
charoff number   HTML5 desteklenmez.
Içerik tarafından belirtilen karakter karakter sayısı hizalanmış olacak ayarlar char özniteliği
colspan number Bir hücre yayılan alması gereken sütun sayısını belirtir
headers header_id bir hücre ile ilişkili bir veya daha fazla başlık hücrelerini belirtir
height pixels
%
HTML5 desteklenmez.
Bir hücrenin yüksekliğini belirler
nowrap nowrap HTML5 desteklenmez.
Hücre içinde içerik sarmak gerektiğini belirtir
rowspan number Bir hücre yayılan gereken satır sayısını belirler
scope col
colgroup
row
rowgroup
HTML5 desteklenmez.
Bir tabloda başlık hücreleri ve veri hücrelerini ilişkilendirmek için bir yol tanımlar
valign top
middle
bottom
baseline
HTML5 desteklenmez.
Dikey bir hücrenin içeriğini hizalar
width pixels
%
HTML5 desteklenmez.
Bir hücrenin genişliğini belirler

Küresel Nitelikler

<td> etiketi de destekliyor Küresel HTML Özellikleri .


Olay Nitelikler

<td> etiketi de destekler Olay HTML Özellikleri .


it Yourself deneyin - Örnekler

Tablo başlıkları
tablo başlıklarını nasıl oluşturulur.

Bir başlığı ile Masa
bir başlık ile bir HTML tablosu.

Bir tablonun içinde Etiketler
diğer elemanların içine öğeler nasıl görüntüleneceği.

birden fazla satır / sütun kapsayan arşın
Nasıl birden fazla satır veya bir sütun kapsayan tablo hücreleri tanımlamak için kullanılır.


İlgili Sayfalar

HTML öğretici: HTML Tabloları

HTML DOM referansı: TableData Nesne

CSS Eğitimi: Şekillendirme Tabloları


Varsayılan CSS Ayarları

Çoğu tarayıcı gösterecektir <td> aşağıdaki varsayılan değerlerle eleman:

td {
    display: table-cell;
    vertical-align: inherit;
}