HTML Daftar Tag Table

Tabel daftar tag tabel HTML

Berikut ini daftar lengkap tag elemen tabel.

Tag	Keterangan
<table>	Tag akar / pondasi elemen tabel
<th>	Kolom judul / kepala tabel
<tr>	Elemen baris tabel
<td>	Kolom isi tabel
<caption>	Elemen opsional keterangan tabel
<colgroup>	Elemen untuk mengelompokkan elemen kolom (td).
<col>	Elemen kolom untuk memformat elemen kolom (th / td).
<thead>	Mengelompokkan kolom dibagian kepala tabel
<tbody>	Mengelompokkan kolom dibagian bodi tabel
<tfoot>	Mengelompokkan kolom dibagian kaki tabel

Struktur tabel dengan tag lengkap

<table>

<caption>

</caption>

<colgroup>

<col>

</col>

<col>

</col>

</colgroup>

<thead>

<tr>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

</tr>

<tr>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

</tr>

</thead>

<tbody>

<tr>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

</tr>

<tr>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

</tr>

</tbody>

<tfoot>

<tr>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

<th>Kolom</th>

</tr>

<tr>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

</tr>

</tfoot>

</table>

Kode HTML tabel.

<table border='1' width='90%'>
<caption>Caption Text</caption>
<colgroup>
<col span='2' style='background:greenyellow'/>
<col span='2' style='background:lightblue'/>
</colgroup>
<thead>
<tr>
<th>Kolom head</th><th>Kolom head</th>
<th>Kolom head</th><th>Kolom head</th>
</tr>
<tr>
<td>Kolom head</td><td>Kolom head</td>
<td>Kolom head</td><td>Kolom head</td>
</tr>
</thead>
<tbody>
<tr>
<th>Kolom body</th><th>Kolom body</th>
<th>Kolom body</th><th>Kolom body</th>
</tr>
<tr>
<td>Kolom body</td><td>Kolom body</td>
<td>Kolom body</td><td>Kolom body</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Kolom foot</th><th>Kolom foot</th>
<th>Kolom foot</th><th>Kolom foot</th>
</tr>
<tr>
<td>Kolom foot</td><td>Kolom foot</td>
<td>Kolom foot</td><td>Kolom foot</td>
</tr>
</tfoot>
</table>
  

Tampilan tabel :

Caption Text

Kolom head	Kolom head	Kolom head	Kolom head
Kolom head	Kolom head	Kolom head	Kolom head
Kolom body	Kolom body	Kolom body	Kolom body
Kolom body	Kolom body	Kolom body	Kolom body
Kolom foot	Kolom foot	Kolom foot	Kolom foot
Kolom foot	Kolom foot	Kolom foot	Kolom foot