HTML Tabel

Membuat tabel sederhana HTML

<table>

Struktur tabel sederhana HTML

<table>

<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>

<tr>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

<td>Kolom</td>

</tr>

</tbody>

</table>

Berdasarkan struktur elemen table diatas, tabel tersusun dari 5 elemen yaitu :
1. <table> : Elemen akar (pondasi) table
2. <tbody> : Body tabel
3. <tr> : Baris tabel
4. <th> :Kepala Kolom
5. <td> : Kolom Baris

Contoh tabel HTML

<table border='1'>
  <tbody>
    <tr>
    <th>Kolom1</th><th>Kolom2</th>
    <th>Kolom3</th><th>Kolom4</th>
    </tr>
    <tr>
    <td>Baris1</td><td>Baris1</td>
    <td>Baris1</td><td>Baris1</td>
    </tr>
    <tr>
    <td>Baris2</td><td>Baris2</td>
    <td>Baris2</td><td>Baris2</td>
    </tr>
  </tbody>
</table>

Hasil

Kolom1	Kolom2	Kolom3	Kolom4
Baris1	Baris1	Baris1	Baris1
Baris2	Baris2	Baris2	Baris2

Untuk mengatur ukuran tabel, bisa disematkan atribut width dan height.

<table border='1' width='350'>
---
</table>

Hasil

Kolom1	Kolom2	Kolom3	Kolom4
Baris1	Baris1	Baris1	Baris1
Baris2	Baris2	Baris2	Baris2