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

Assalamu'alaikum.

Sample screenshot





Membuat tabel/table HTML untuk posting di blog memang agak rumit, karena dibutuhkan banyak bahasa dan tag yang apabila keliru atau kelewat sedikit saja bisa merusak tampilannya. Namun, bagaimanapun juga, tabel/table tetap dibutuhkan agar postingan
yang 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 GambarText atau GambarText atau Gambar
Text atau GambarText atau GambarText atau Gambar
Text atau GambarText atau GambarText 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!

 Wassalam, Salam Setia IT Central IT Aceh

No comments:

Post a Comment

Tinggalkan Komentar, saran saya bagusnya komen menggunakan Name/ Url