Cara Membuat Tabel Dengan Heading Di Blogger

Bingung cara membuat tabel di blogger lihat saja cara membuat tabel di blog. Setelah dua artikel tentang tabel kembali saya memainkan jari untuk membuat artikel tentang cara tabel dengan heading. Tabel dengan heading maksudnya tabel yang ada kepalanya. Apa mungkin ada kakinya? Tunggu lentikan jari saya selanjutnya. Untuk sekarang ini cukup tabel dengan kepala saja.

Tabel dengan heading sangat bermanfaat jika ingin membuat tabel komplit dimana bagian keterangan isi tabel mempunyai bentuk dan ukuran huruf yang berbeda. Sebenarnya heading bisa dibuat dengan memberi value berbeda pada tr yang diinginkan menjadi heading namun dengan cara dibawah ini kita bisa otomatis membuat heading.

Artikel lainnya yang mungkin menarik untuk anda
Bagaimana Cara Mendaftar di TokoBagus

Tiga Flatform Komentar Untuk Blogger

Spesial 5 Group Blogwalking Di Facebook

Kunci membuat heading pada tabel adalah dengan menggunakan properti "th". Contoh tabel dengan heading

tabel	tabel	tabel	tabel
tabel	tabel	tabel	tabel
tabel	tabel	tabel	tabel
tabel	tabel	tabel	tabel

Lihat perbedaan tabel dengan atau tanpa heading. Anda bisa mengisi keterangan isi tabel, misalnya saat membuat tabel haji pegawai. Kita bisa mengisi kolom heading dengan nama, lama bekerja, dan jumlah gaji. Code tabel diatas adalah :

<table border="1" bordercolor="#ffffff"

cellpadding="6" cellspacing="0" style="border-collapse: collapse; color:

#4f4f4f; text-align: center; width: 80%;"> <tbody>

<tr>

<th style="background-color: #81AEFF;">heading</th>

<th style="background-color: #81AEFF;">heading</th>

<th style="background-color: #81AEFF;">heading</th>

<th style="background-color: #81AEFF;">heading</th>

</tr>

<tr>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

</tr>

<tr>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

</tr>

<tr>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

<td style="background-color: #b5d7f8;">tabel</td>

<td style="background-color: #d3e7fb;">tabel</td>

</tr>

</tbody></table>