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 :
- <table>diakhiri dengan </table> digunakan untuk mengawali table.
- <caption>diahiri dengan </caption> digunakan untuk menentukan judul table.
- <thead>diakhiri dengan </thead> digunakan untuk menyatakan bagian judul.
- <tfoot> diakhiri dengan </tfoot> digunakn untuk menentukan bagian isis footer.
- <tbody>diakhiri dengan </tbody> digunakan untuk bagian isi pada table.
- <tr> diakhiri dengan </tr> digunakan untuk menentukan sebuah garis pada table.
- <th> diakhiri dengan </th> digunakan untuk menentukan sebuah sel pada judul kolom.
- <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.
0 komentar:
Post a Comment
Visitor yang baik adalah visitor yang meninggalkan komentar.
Dilarang berkomentar yang mengandung :
1. Spamming
2. Tidak Sopan
3. Memancing keributan
4. Porno / link yang mengarah ke suatu website yang tidak pantas dilihat
Silahkan bagi anda yang ingin menambahkan link ke blog ini namun tidak secara berlebihan.