Membuat table keren

Table, apa fungsi table ? fungsinya adalah menjelaskan suatu fakta atau informasi secara singkat dan lebih menarik daripada dengan kata-kata. Selain itu tabel juga  berfungsi untuk mendukung penulis menyampaikan ide atau gagasan sehingga dapat memengaruhi dan meyakinkan pembaca.

Tutorialnya bisa dilihat di bawah ini

Baca Juga : Membuat Tulisan bergerak

1. Copy code ini letakkan di mana saja 

<!-- HTML --> <table class="myTable"> <tr> <th>Header</th> <th>Header</th> </tr> <tr> <td>Table cell</td> <td>Table cell</td> </tr> <tr> <td>Table cell</td> <td>Table cell</td> </tr> </table>

2. lalu copy CSS di bawah ini taruh di  </style> atau ]]></b:skin>

<style> .myTable { width: 100%; text-align: left; background-color: lemonchiffon; border-collapse: collapse; } .myTable th { background-color: goldenrod; color: white; } .myTable td, .myTable th { padding: 10px; border: 1px solid goldenrod; } </style>

3, simpan dan lihat hasilnya DEMO

Penting Penjelasan Tag Table pada HTML

Tabel HTML terdiri dari <table > elemen dan satu atau lebih < tr > , < th > , dan < td > elemen .
<Tr > elemen mendefinisikan baris tabel
< th > elemen mendefinisikan header tabel
< td > elemen mendefinisikan sel tabel.