Örnek
Basit bir HTML tablosu, iki sütun ve iki satır içeren:
<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ı
<table> etiketi bir HTML tablosu tanımlar.
Bir HTML tablo oluşur <table> eleman ve bir veya daha fazla <tr> , <th> ve <td> elemanları.
<tr> elemanı, bir tablo satır tanımlayan <th> elemanı tablo başlığı tanımlar ve <td> elemanı bir tablo hücresi tanımlar.
Daha karmaşık bir HTML tablosu da içerebilir <caption>, <col>, <colgroup>, <thead>, <tfoot> ve <tbody> elemanları.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <table> | Evet | Evet | Evet | Evet | Evet |
HTML 4.01 ve HTML5 Arasındaki Farklar
"align", "bgcolor" , "cellpadding" , "cellspacing" , "frame" , "rules" , "summary" ve "width" özellikleri HTML5'teki desteklenmez.
Nitelikler
| nitelik | değer | Açıklama |
|---|---|---|
| align | left center right | HTML5 desteklenmez. Çevredeki metne göre tablonun hizasını belirler |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 desteklenmez. Bir tablo için arka plan rengini belirtir |
| border | 1 0 | masa düzeni amaçlar için kullanılıyor olup olmadığını belirtir |
| cellpadding | pixels | HTML5 desteklenmez. Hücre duvarı ve hücre içeriği arasındaki boşluğu belirler |
| cellspacing | pixels | HTML5 desteklenmez. hücreler arasındaki boşluğu belirler |
| frame | void above below hsides lhs rhs vsides box border | HTML5 desteklenmez. dış sınırların parçaları görünür olmalıdır belirtir olduğunu hangi |
| rules | none groups rows cols all | HTML5 desteklenmez. iç sınırların parçaları görünür olmalıdır belirtir olduğunu hangi |
| sortable | sortable | tablo sıralanabilir olması gerektiğini belirtir |
| summary | text | HTML5 desteklenmez. Bir tablonun içeriğinin özetini belirtir |
| width | pixels % | HTML5 desteklenmez. Bir tablo genişliğini belirtir |
Küresel Nitelikler
<table> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<table> 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 hücreler
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ı: Table Nesne
CSS Eğitimi: Styling Tabloları
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <table> aşağıdaki varsayılan değerlerle eleman:
Örnek
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
} Kendin dene "