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
|
dari contoh diatas terdapat kode <tr> sebanyak 3 buah dan <td> 9 buah. Bila sobat Ladang Tutorialingin 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?
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 :)
Tidak ada komentar:
Posting Komentar