Cara Membuat Tabel Di Dalam Postingan Blog

Dalam beberapa hal, kita membutuhkan tabel untuk menulis sesuatu
supaya mudah di pahami. Tabel juga akan membuat artikel postingan kamu
terlihat rapi.

Ada beberapa cara untuk membuat tabel di postingan blog, namun di sini saya hanya akan membahas cara untuk membuat tabel menggunakan kode HTML, untuk cara lain ada di postingan lainnya.

Namun bagaimana cara membuat tebel di dalam postingan blog? Untuk cara membuat tabel pada postingan blog simak berikut penjelasannya.

Membuat tabel dengan kode HTML

---

Untuk membuat tabel 2 kolom seperti ini :

Kolom 1

Kolom 2

Kodenya seperti ini :

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

---

Untuk membuat tabel 3 kolom seperti ini :

Kolom 1

Kolom 2

Kolom 3

Kodenya seperti ini :

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

Anda hanya perlu menambahkan kode <td>Kolom 3 </td> saja di bawah kode <td>Kolom 2 </td>(perhatikan lagi ke dua kode di atas). dan jika anda ingin menambah kolom menjadi 4 buah, maka tinggal tambahkan saja <td>Kolom 4 </td> di bawah <td>Kolom 3 </td> dan begitupun seterusnya.

---

Untuk membuat tabel 2 baris seperti ini :

Baris 1

Baris 2

Kodenya seperti ini :

<table width="500" border="1">
<tr><td>Baris 1 </td></tr>
<tr><td>Baris 2 </td></tr>
</table>    

---

Untuk membuat tabel 3 baris seperti ini :

Baris 1

Baris 2

Baris 3

Kodenya seperti ini :

<table width="500" border="1">
<tr><td>Baris 1 </td></tr>
<tr><td>Baris 2 </td></tr>
<tr><td>Baris 3</td></tr>
</table>

 Anda hanya perlu menambahkan kode <tr><td>Baris 3 </td></tr> saja di bawah kode <tr><td>Baris 2 </td></tr> (perhatikan lagi ke dua kode di atas). dan jika anda ingin menambah Baris menjadi 4 buah, maka tinggal tambahkan saja <tr><td>Baris 4 </td></tr> di bawah <tr><td>Baris 3 </td></tr> dan begitu pun seterusnya

---

Dari kedua dasar cara membuat tabel dia atas dalam membuat kolom dan baris, maka jika anda ingin membuat tabel dengan 2 baris dan 2 kolom seperti ini,

Kolom 1 baris 1	Kolom 2 baris 1
Kolom 1 baris 2	Kolom 2 baris 2

Maka anda tinggal menggabungkan saja kolom dan baris seperti ini contohnya

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

---

Jika anda ingin membuat tabel dengan 3 kolom dan tiga baris seperti ini :

Kolom 1 baris 1	Kolom 2 baris 1	Kolom 3 baris 1
Kolom 1 baris 2	Kolom 2 baris 2	Kolom 3 baris 2
Kolom 1 baris 3	Kolom 2 baris 3	Kolom 3 baris 3

Kodenya seperti ini :

<table width="500" border="1">
<tr>
<td>Kolom 1 baris 1</td>
<td>Kolom 2 baris 1</td>
<td>Kolom 3 baris 1</td>
</tr>
<tr>
<td>Kolom 1 baris 2</td>
<td>Kolom 2 baris 2</td>
<td>Kolom 3 baris 2</td>
</tr>
<tr>
<td>Kolom 1 baris 3</td>
<td>Kolom 2 baris 3</td>
<td>Kolom 3 baris 3</td>
</tr>
</table>  

---

Gimana bingung kan, haha,,, biar gak terlalu bingung, coba perhatikan baik-baik mulai dari yang paling atas sampai dengan yang paling bawah, karena saya telah menjelaskannya semudah yang saya bisa.


Penjelasan :

• width="500"   => lebar tabel, anda bisa mengubah angkanya untuk menyesuaikan lebar tabel.
• border="1"      => bingkai tabel.
• <tr> text </tr> => "tr" ini adalah baris
• <td>text</td>  => "td" ini adalah kolom

Dan selesai, anda sudah berhasil membuat tabel di dalam artikel anda,
anda juga bisa menggunaka kode HTML itu di bagian blog anda yang lain.
Sekian untuk postingan saya kali ini tentang cara membuat tabel di blog

Sebenarnya ada lagi cara membuat tabel yang rada mudah, tapi supaya postingan ini tidak terlalu panjang, maka saya tidak menulisnya di postingan lain.

Thanks for reading & sharing Despul Media