Membuat tabel/table HTML di posting di blog
memang agak rumit, karena dibutuhkan banyak atribut dan tag yg apabila
keliru atau kelewat sedikit saja bisa merusak tampilannya. Namun,
bagaimanapun juga, tabel/table tetap dibutuhkan agar posting/artikel yg
berisi detail tertentu dapat tersusun dengan baik. Selain itu, pembaca
pun dapat membaca serta memilah dan memilih bagian yang dibutuhkan
dengan mudah dan cepat.
Simak juga:
Cara Membuat Tabel HTML menggunakan MS Word (plus cara memasukkannya ke dalam posting blog)
Perhatikan contoh 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 adalah 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 baru bentuk tabel sederhana dengan menggunakan 3 row dan 3 column
dan warna sederhana. Bagaimana jika 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 kode
tabelnya ke HTML editor posting blog. Isi tabel/table tersebut dengan
tulisan 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.
0 komentar:
Posting Komentar