HTML Tablo Başlıkları
HTML tabloları, her sütun veya satır için veya birçok sütun/satır için başlık içerebilir.
| EMIL | TOBIAS | LINUS |
|---|---|---|
| 8:00 | ||
|---|---|---|
| 9:00 | ||
| 10:00 | ||
| 11:00 | ||
| 12:00 | ||
| 13:00 |
| AY | sal | EVLENMEK | TOPLAMAK | Cuma | |
|---|---|---|---|---|---|
| 8:00 | |||||
| 9:00 | |||||
| 10:00 | |||||
| 11:00 | |||||
| 12:00 |
| ARALIK AYI | ||
|---|---|---|
HTML Tablo Başlıkları
Tablo başlıkları thöğelerle tanımlanır, her thöğe bir tablo hücresini temsil eder.
Örnek
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Dikey Tablo Başlıkları
İlk sütunu tablo başlıkları olarak kullanmak için her satırdaki ilk hücreyi bir thöğe olarak tanımlayın:
Örnek
<table>
<tr>
<th>Firstname</th>
<td>Jill</td>
<td>Eve</td>
</tr>
<tr>
<th>Lastname</th>
<td>Smith</td>
<td>Jackson</td>
</tr>
<tr>
<th>Age</th>
<td>94</td>
<td>50</td>
</tr>
</table>
Tablo Başlıklarını Hizala
Varsayılan olarak, tablo başlıkları kalın ve ortalanmıştır:
| İlk adı | Soyadı | Yaş |
|---|---|---|
| Jill | Smith | 50 |
| Havva | Jackson | 94 |
Tablo başlıklarını sola hizalamak için CSS text-alignözelliğini kullanın:
Örnek
th {
text-align: left;
}
Birden Çok Sütun için Başlık
İki veya daha fazla sütuna yayılan bir başlığınız olabilir.
| İsim | Yaş | |
|---|---|---|
| Jill | Smith | 50 |
| Havva | Jackson | 94 |
Bunu yapmak için, colspanöğedeki özniteliği
kullanın <th>:
Örnek
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Colspan ve rowspan hakkında daha fazla bilgiyi Table colspan & rowspan bölümünde öğreneceksiniz .
Tablo başlığı
Tüm tablo için başlık görevi gören bir başlık ekleyebilirsiniz.
| Ay | tasarruf |
|---|---|
| Ocak ayı | 100$ |
| Şubat | 50 dolar |
Bir tabloya başlık eklemek için <caption>etiketi kullanın:
Örnek
<table style="width:100%">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
Not: Etiket <caption>, etiketten hemen sonra eklenmelidir <table>.