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 :)
Belum ada tanggapan untuk "Cara Membuat Tabel di Postingan Blog Cara Membuat Tabel di Postingan Blog "
Posting Komentar