Breaking News

Membuat Table Profesional dengan HTML code

Dengan dasar-dasar table yang telah dibahas pada postingan yang lalu, kita bisa mengkreasikan sendiri untuk membuat table secara profesional. Sedikit saya tambahkan, untuk membuat judul table biasanya di posisi atas, tambahkan code horizontal <td colspan="6"> ganti angka 6 mengikuti jumlah kolom table di bawahnya. Untuk blok vertikalnya gunakan code <td rowspan="2"> ganti angka 2 menurut kebutuhan anda. Perhatikan contoh di bawah ini:

<table bgcolor="#FFFFFF" border="1" cellpadding="1"><tr></tr><tr align="center"><td rowspan="2">No.</td><td colspan="6">Pendapatan</td><tr align="center"><td>Januari</td><td>Pebruari</td><td>Maret</td><td>April</td><td>Mei</td><td>Juni</td></tr><tr><td>1.</td><td>Rp.1000000,-</td><td>Rp.1100000,-</td><td>Rp.1200000,-</td><td>Rp.1150000,-</td><td>Rp.1250000,-</td><td>Rp.1750000,-</td></tr><tr><td>2.</td><td>Rp.1290000,-</td><td>Rp.1050000,-</td><td>Rp.1230000,-</td><td>Rp.1100000,-</td><td>Rp.1275000,-</td><td>Rp.1300000,-</td></tr><tr><td>3.</td><td>1000</td><td>5000</td><td>2000</td><td>1500</td><td>2500</td><td>1750</td></tr><tr><td>4.</td><td>2800</td><td>5000</td><td>2500</td><td>1100</td><td>2700</td><td>3500</td></tr></table>

Hasilnya:

No.Pendapatan
JanuariPebruariMaretAprilMeiJuni
1.Rp.1000000,-Rp.1100000,-Rp.1200000,-Rp.1150000,-Rp.1250000,-Rp.1750000,-
2.Rp.1290000,-Rp.1050000,-Rp.1230000,-Rp.1100000,-Rp.1275000,-Rp.1300000,-
3.100050002000150025001750
4.280050002500110027003500

Tidak ada komentar

Jika ada pertanyaan, sekedar sharing pendapat, dll, Silakan Isi komentar di bawah ini: