Cara Membuat Tabel Html Yang Menarik

Untuk membuat dasar pada tabel kalian dapat menggunakan class untuk blog yang membahas dunia blogging tentunya tabel ini sangat di utamakan dalam membuat postingan.dibawah ini saya akan membagikan Beberapa kode style dasar html untuk membuat tabel yang menarik

Style Dasar Membuat Tabel

 <table class="table"> <thead> <tr> <td></td> </tr> </tbody> </table>

Style dasar diatas buka berarti tidak berbeda dengan Versi HTML Biasa. Style dasar pada bootstrap berupa tabel tanpa pemisah.

Saya Contohkan Tabel Yang sudah saya urai dari HTML diatas

<table class=">
<thead>
                   <tr>
   <td>no.</td>
   <td>data</td>
   <td>data</td>

</tr>
</thead>
<tbody>
                 <tr>
                              <td>1</td>
                              <td>data</td>
                              <td>dataa</td>

                </tr>
                <tr>

                             <td>3</td>
                             <td>data</td>
                             <td>data</td>

               </tr>
</tbody>
</table>

Silahkan Kalian kreasikan Sesuai dengan Yang kalian butuhkan

Contoh Tabel Style dengan Baris Selang-seling

 <table class="table-strped"> <td>...</td> <td>...</td> <td>...</td>

Itu contoh dari dasar Membuat Tabel Warna-warni atau Selang-Seling

Untuk Membuat Tabel seperti diatas, Gunakan Class .Table-Striped. Sebagai Contoh Bisa kalian lihat Dibawah ini

<thead>

<tr>

Dengan membentuk Sturuktur kode diatas kalian sudah bisa membuat tabel dengan mudah. setiap pembuatan HTML seperti diatas akhiri dengan " </tr> </tbody> </table>" Sebagai Contoh saya akan Melanjutkan Struktur diatas.

<thead>

<tr>

Akhiri dengan </tr>

</thead>

<tbody>

Membuat Tabel dengan Border

Untuk Membuat Tabel ini Kalian cukup Menambahkan Table-Bordered Border. dibawah ini saya akan contohkan Menambahkan Table pada setiap sisi table dan cell.

<thead>

....

<thead>

<tbody>

.....

</tbody>

</table>

Judul dan nama berbeda namun pemakain dan cara penerapanya sama bukan sob ? sama-sama diakhiri dengan " </thead> dan <tbody>

Bagaimana Sangat mudah kan? Sekian tutorial dari saya Mengenai bagaimana cara Membuat Tabel yang Menarik. semoga dapat Bermanfaat. Terimakasih.

Cara Membuat Tabel Html Yang Menarik