Örnek
İki başlık hücreleri ve iki veri hücreleriyle basit bir HTML tablosu:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
<th> etiketi bir HTML tablosunda bir başlık 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 | |||||
|---|---|---|---|---|---|
| <th> | 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 | bir başlık hücrede yer alan içeriğin kısaltılmış versiyonunu belirtir |
| align | left right center justify char | HTML5 desteklenmez. bir başlık hücre içeriği hizalar |
| axis | category_name | HTML5 desteklenmez. başlık hücrelerini sınıflandırır |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 desteklenmez. bir başlık hücresinin arka plan rengini belirtir |
| char | character | HTML5 desteklenmez. Bir karaktere bir başlık 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 başlık hücresi kapsaması 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 başlık hücre yüksekliğini ayarlar |
| nowrap | nowrap | HTML5 desteklenmez. bir başlık Hücre içinde içerik sarmak gerektiğini belirtir |
| rowspan | number | Bir başlık hücresi kapsaması satır sayısını belirtir |
| scope | col colgroup row rowgroup | Bir başlık hücresi sütun veya satır bir sütun, satır için başlık veya grup olup olmadığını belirler |
| sorted | reversed number reversed number number reversed | Bir sütunun sıralama yönünü tanımlar |
| valign | top middle bottom baseline | HTML5 desteklenmez. Dikey bir başlık hücrenin içeriğini hizalar |
| width | pixels % | HTML5 desteklenmez. bir başlık hücrenin genişliğini belirler |
Küresel Nitelikler
<th> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<th> 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ı: TableHeader Nesne
CSS Eğitimi: Şekillendirme Tabloları
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <th> aşağıdaki varsayılan değerlerle eleman:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}