Membuat Table pada Postingan Blog Menggunakan HTML

Terkadang sobat-sobat semua ketika memposting artikel biasanya membutuhkan table untuk menampilkan artikel. Nah….disini mari kita bersama belajar untuk membuat table pada postingan blog menggunakan HTML. Lanagsung saja kita kecontohnya. Misalnya sobat ingin membuat table dengan 3 kolom dengan 2 row/baris. Maka kodenya adalah sebagai berikut :
<table width="200" border="1" cellspacing="0" cellpadding="1" bgcolor="#999999">
<tr>
<td>No</td>
<td>Nama</td>
<td>Nilai</td>
</tr>
<tr>
<td>1.</td>
<td>Bowo</td>
<td>10</td>
</tr>
</table>
Maka tampilan pada blog nantinya adalah seperti ini :



No	Nama	Nilai
1.	Bowo	10

Disini akan saya jelaskan, kode <tr> dan harus ditutup dengan </tr> adalah kode unutk membuat baris/row pada table. Sedangankan kode <td> dan harus ditutup dengan </td> adalah kode untuk membuat kolom. Sehingga pada kode HTML diatas untuk membuat dua row maka membutuhkan kode <tr></tr> dua kali. Dan untuk membuat tiga kolom maka diantara kode <tr> dan </tr> harus ada kode <td></td> sebanyak tiga kali. Didalam kode <td> bisa diisikan isi dari table yang diinginkan.

Didalam kode <table width="200" border="1" cellspacing="0" cellpadding="1" bgcolor="#999999" > , terdapat kode

Width = fungsinya untuk menentukan lebar table
Border = fungsinya untuk menetukan ketebalan garis dari table yang dibuat
Cellspacing=fungsinya untuk batas antara garis dengan cell atau isi dari table
Cellpadding=fungsinya untuk batas antara cell yang satu dengan yang lainya
Bgcolor=fungsinya untuk menentuka warna background dari table yang dibuat

Untuk membuat kode table diatas, mempostingnya pada tap HTML sobat jangan di Compose,OK……