Cara Membuat Tabel di Postingan Blog Cara Membuat Tabel di Postingan Blog

Cara Membuat Tabel di Postingan Blog

Hai sobat Ladang Tutorial, lama sekali saya tidak update di blog ini. Ya begitulah, jadwal kuliah yang mulai padat membuat blog ini sedikit terbengkelai. Namun pada kesempatan kali ini Sunu akan berbagi tentang Cara Membuat Tabel di Blog. Memang ini tidak terlalu penting, tapi pasti ini akan berguna bagi sobat Ladang Tutorial nantinya.
Membuat tabel di blog itu susah-susah gampang, kita cuma bermain dengan kode HTML tag <table>, <tr>, dan <td>. Ketiga kode itu dirangkai sehingga menjadi sebuah tabel.
Sebagai contoh, copas kode berikut:

<table width="200" border="1">
  <tr>
    <td>B1K1</td>
    <td>B1K2</td>
    <td>B1K3</td>
  </tr>
  <tr>
    <td>B2K1</td>
    <td>B2K2</td>
    <td>B2K3</td>
  </tr>
  <tr>
    <td>B3K1</td>
    <td>B3K2</td>
    <td>B3K3</td>
  </tr>
</table>

Akan menghasilkan tampilan seperti ini:

B1K1	B1K2	B1K3
B2K1	B2K2	B2K3
B3K1	B3K2	B3K3

Perlu sobat Ladang Tutorial ketahui, kode <tr> itu artinya baris dan <td> itu artinya kolom.
dari contoh diatas terdapat kode <tr> sebanyak 3 buah dan <td> 9 buah. Bila sobat Ladang Tutorial ingin menambahkan atau mengurangi tabelnya, silakan hapus atau menambahkan kodenya sesuai kebutuhan. Namun hal yang perlu diingat adalah bahwa dalam penambahannya susunan kodenya harus urut.

Bagaimana cara menggunakan merge cell pada tabel postingan blog?
Untuk membuat merge cell pada tabel yang telah kita buat, kita menggunakan colspan dan rowspan.
Sebagai contoh, copy kode berikut:
<table width="200" border="1">
  <tr>
    <td colspan="2">B1K1B1K2</td>
    <td>B1K3</td>
  </tr>
  <tr>
    <td>B2K1</td>
    <td rowspan="2">B2K2B3K2</td>
    <td>B2K3</td>
  </tr>
  <tr>
    <td>B3K1</td>
    <td>B3K3</td>
  </tr>
</table>
Dan hasilnya akan seperti ini:

B1K1B1K2		B1K3
B2K1	B2K2B3K2	B2K3
B3K1		B3K3

Yup begitulah cara membuat tabel di postingan blog. Untuk cara lebih mudah dalam membuat tabel, sobat Ladang Tutorial bisa mmenggunakan software yang bernama "Dreamweaver".
Oke itu saja dari Sunu kali ini, bagi yang masih bingung silakan tinggalkan komentar :)