Wednesday, March 23, 2011

Cara Mudah Membuat Tabel/Table HTML di Posting Blog/Website

html-tables-cara membuat table/tabel-blog
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.

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. Thanks to all HTML Table Generators!

Have fun!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

No comments:

Post a Comment