Selamat datang kembali di Pondasi Web, kali ini saya akan berbagi bagaimana cara Membuat Tabel Di HTML.
Perhatikan Skrip dibawah ini :
<!doctype html>Penjelasan :
<html>
<head>
<meta charset="utf-8">
<title>Membuat Tabel HTML</title>
</head>
<body>
<table>
<thead>
<tr>
<th>No</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Satuan</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Buku</td>
<td>50</td>
<td>pcs</td>
</tr>
<tr>
<td>2</td>
<td>Pensil</td>
<td>20</td>
<td>pcs</td>
</tr>
<tr>
<td>3</td>
<td>Pulpen</td>
<td>40</td>
<td>pcs</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>No</th>
<th>Nama Barang</th>
<th>Jumlah</th>
<th>Satuan</th>
</tr>
</tfoot>
</table>
</body>
</html>
- <table> adalah tag yang digunakan untuk membuat tabel.
- <thead> adalah tag untuk membuat heading tabel.
- <tbody> adalah tag untuk membuat isi tabel / tabel data.
- <tfoot> adalah tag untuk membuat footer tabel.
- <tr> adalah tag untuk membuat baris pada tabel.
- <th> adalah tag yang memuat isi dari heading.
- <td> adalah tag yang memuat data dari tabel.
