Cara Membuat Table Dengan HTML


 Cara membuat table dengan html bisa dilakukan secara manual maupun menggunakan pembantu seperti Datatables. namun kali ini saya akan memberikan tutor bagaimana cara membuat table secara manual.
Adapun Tag- Tag yang digunakan dalam membuat table dengan html diantaranya :

  1. <table>diakhiri dengan </table> digunakan untuk mengawali table.
  2. <caption>diahiri dengan </caption> digunakan untuk menentukan judul table.
  3. <thead>diakhiri dengan </thead> digunakan untuk menyatakan bagian judul.
  4. <tfoot> diakhiri dengan </tfoot> digunakn untuk menentukan bagian isis footer.
  5. <tbody>diakhiri dengan </tbody> digunakan untuk bagian isi pada table.
  6. <tr> diakhiri dengan </tr> digunakan untuk menentukan sebuah garis pada table.
  7. <th> diakhiri dengan </th> digunakan untuk menentukan sebuah sel pada judul kolom.
  8. <td> diakhiri dengan </td> digunakan untuk menentukan sebuah sel pada bagian isi dan footer.
Baiklah setelah kita mengenali Tag yang digunakan untuk membuat table serta kegunaan nya saya akan berikan salah satu contoh :

<!DOCTYPE HTML>
<html>
<head>
<title> Penggunaan Table Secara Manual</title>
</head>
<body>
<table border="1">
<caption> Contoh pembuatan table Secara manual</caption>
<thead>
<tr>
<th>Toko</th>
<th>Barang 1</th>
<th>Barang 2</th>
<th>Barang 3</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Total</td>
<td>10.000</td>
<td>20.000</td>
<td>30.000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Pasar Anyer</td>
<td>2000</td>
<td>6000</td>
<td>9000</td>
</tr>
<tr>
<td>Mall</td>
<td>8000</td>
<td>14000</td>
<td>21000</td>
</tr>
</tbody>
</table>
</body>
</html>
save script html diatas dengan file berextensi html dan hasilnya akan muncul seperti ini: 


mungkin hanya ini yang dapat saya sampaikan dan saya akan membuat tutorial membuat table dengan datatables.
Cara Membuat Table Dengan HTML Cara Membuat Table Dengan HTML Reviewed by Reza Juliandri on 6:09 AM Rating: 5

No comments