Cara Membuat Tabel di Blog Dengan Berbagai Model

Tutorial seru kali ini saya kan menshare Cara Membuat Tabel di Blog, walau tutorial ini sebenarnya tidak begitu penting bagi teman-teman blogger, tapi saya yakin teman-teman lain di luar sana masih banyak yang bingung atau mungkin sama sekali belum tahu bagaimana cara membuatnya.

Ya, dengan menerapkan tabel di postingan blog atau di widget blog, maka akan membuat terlihat agak rapi dan benar-benar memaksimalkan tempat yang tersedia. Ada banyak model / type tabel yang bisa kamu buat di blog, diantaranya model tabel seperti berikut!

Dibawah ini adalah beberapa contoh tabel yang bisa kamu pilih untuk memasangnya di HTML / widget blog kamu.

Style 1

 <table border="1" width="200">
<tr>
<td>Kolom 1</td>
</tr>
</table>

Maka akan jadi seperti ini :

Kolom 1

Style 2

 <table border="1" width="200">
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
</table>

Maka akan jadi seperti ini :

Kolom 1

Kolom 2

Style 3

 <table border="1" width="200">
<tr>
<td>Kolom 1</td>
</tr>
<tr>
<td>Kolom 1</td>
</tr>
</table>

Maka akan jadi seperti ini :

Kolom 1

Style 4

<table border="1" style="width: 200px;">
<tbody>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
</tbody></table>

Maka akan jadi seperti ini :

Kolom 1	Kolom 2
Kolom 1	Kolom 2

Style 5

 <table border="1" width="500" cellpadding="4" cellspacing="5">
<tr>
<td align="center" colspan="4">Table</td>
</tr>
<tr>
<td align="center">cell 1</td>
<td align="center">cell 2</td>
<td align="center">cell 3</td>
<td align="center">cell 4</td>
</tr>
</table>

Maka akan jadi seperti ini :

Table
cell 1	cell 2	cell 3	cell 4

Jika kamu ingin memberi warna pada border atau kolom pada tabel, kamu hanya cukup menambahkan kode background-color atau bgcolor.

Contoh seperti berikut ini :

<table bgcolor="#1A666B" border="1" cellpadding="4" cellspacing="5" style="text-align: justify; width: 500px;">
<tbody>
<tr>
<td bgcolor="#A04050" colspan="3" style="text-align: center;">Table</td>
</tr>
<tr>
<td bgcolor="#BAA64D" style="text-align: center;">cell 1</td>
<td bgcolor="#BAA64D" style="text-align: center;">cell 2</td>
<td bgcolor="#BAA64D" style="text-align: center;">cell 3</td>
</tr>
</tbody>
</table>

Maka akan jadi seperti ini :

Table
cell 1	cell 2	cell 3

Berbagai macam kode warna bisa kamu tentukan sendiri di sini :

HTML Color Codes

Nah cukup itu saja tutorial Membuat Tabel di blog, sebenarnya masih banyak lagi contoh atau model tabel yang lain dan lebih rumit lagi tentunya, tapi saya kira model tabel yang paling sering digunakan diantaranya adalah ke5 contoh yang sudah saya buat di atas.

Jika ada yang ditanyakan bisa bertanya melalui komentar dibawah!

Seru2 Banget

Terimakasih telah membaca artikel Cara Membuat Tabel di Blog Dengan Berbagai Model. Jika artikel ini bermanfaat untuk kamu dan teman-temanmu, silahkan bagikan ke sosial media. Baca juga tutorial menarik lainnya.