Ö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.
Cı 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;
}