Rabu, 27 Mei 2015

Cara Membuat Tabel HTML di Posting 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.

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

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com