Membuat tabel/table HTML di posting di blog memang agak rumit, alasannya yakni diharapkan banyak atribut dan tag yg apabila keliru atau kelewat sedikit saja mampu merusak tampilannya. Namun, bagaimanapun juga, tabel/table tetap diharapkan semoga posting/artikel yg berisi detail tertentu dapat tersusun dengan baik. Selain itu, pembaca pun dapat membaca serta memilah dan memilih bab yang diharapkan dengan mudah dan cepat.
Simak juga:
Cara Membuat Tabel HTML menggunakan MS Word (plus cara memasukkannya ke dalam posting blog)
Perhatikan teladan tabel berikut:
| Text atau Gambar | Text atau Gambar | Text atau Gambar |
| Text atau Gambar | Text atau Gambar | Text atau Gambar |
| Text atau Gambar | Text atau Gambar | Text atau Gambar |
Dan ini yakni susunan bahasa table HTML yang digunakan pada table di atas:
<table border="1" bordercolor="#3366FF" style="background-color:#CCFFFF" width="400" cellpadding="3" cellspacing="3">
<tr>
<td>Text atau Gambar</td>
<td>Text atau Gambar</td>
<td>Text atau Gambar</td>
</tr>
<tr>
<td>Text atau Gambar</td>
<td>Text atau Gambarl</td>
<td>Text atau Gambar</td>
</tr>
<tr>
<td>Text atau Gambar</td>
<td>Text atau Gambar</td>
<td>Text atau Gambar</td>
</tr>
</table>
Itu gres bentuk tabel sederhana dengan menggunakan 3 row dan 3 column dan warna sederhana. Bagaimana jikalau jumlah kolomnya puluhan dan warnanya bervariasi? Tentu saja akan sangat memakan waktu dan melelahkan. Belum lagi nanti kalau ada kesalahan, mengeditnya akan butuh waktu bertahun-tahun, rambut beruban, atau justru malah jadi botak, ya gak..... ^_^
Untungnya sekarang ada banyak layanan HTML table generator online yang memberi banyak kemudahan. Anda tinggal masukkan jumlah row dan column, ukuran luas dan tinggi, warna, border, dan beberapa aturan mudah lainnya. Setelah itu klik generatornya. Selanjutnya,copy hasil aba-aba tabelnya ke HTML editor posting blog. Isi tabel/table tersebut dengan goresan pena atau gambar yang diinginkan. Selesai.
Berikut situs-situs penyedia layanan HTML Generator online:
1. Quackit
2. Code-Generator
3. Spectrum-Research. Table dengan aturan CSS dan konsep Frame.
4. Hoover Web Design. Bukan untuk pengguna Browser Netscape.
5. 2CreateAWebsite
6. HTML Basix
7. HTML Portal
8. Table Generator
Pilih atau silakan coba semua generator tabel online di atas. Anda dapat mencoba terus-menerus dan mengulang kembali apabila ada kesalahan. Yang jelas, dengan cara ini, membuat table/tabel menjadi lebih mudah dan cepat. Thanks to all HTML Table Generators!
Note: Anda juga mampu membuat tabel html menggunakan Microsoft Word.
Note: Anda juga mampu membuat tabel html menggunakan Microsoft Word.
Have fun!