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:
<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 | |||||
Januari | Pebruari | Maret | April | Mei | Juni | |
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. | 1000 | 5000 | 2000 | 1500 | 2500 | 1750 |
4. | 2800 | 5000 | 2500 | 1100 | 2700 | 3500 |
Tidak ada komentar
Jika ada pertanyaan, sekedar sharing pendapat, dll, Silakan Isi komentar di bawah ini: