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.

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

Note: Anda juga bisa membuat tabel html menggunakan Microsoft Word.

Have fun!

© 2013 - 'Til drop! buka-rahasia.blogspot.com. All rights reserved.

Cara Mudah Membuat Tabel/Table HTML di Posting Blog/Website
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

add a comment 29 Comment(s):

buwel said...

Sanagt Good dan hebat neh tabel nya mas, makasih yaaa..

Ahmad Khoirul Azmee said...

trimakasih mas.....makasih juga sudah mampir, puisi2nya bagus deh.....kapan2 saya diajari bikin puisi ya :)

Vulkanis said...

Kerenn saya membutuhkan kode ini untuk membuat tulisan thanks

Ahmad Khoirul Azmee said...

yup, terima kasih kunjungannya.....btw,,,,ban2nya keren juga. :P

NEWS PAPER.com said...

thxs ya brow artikelnya bermanfaat... kunjungi balik donk... www.titodesign.co.cc

Ahmad Khoirul Azmee said...

senang bisa membantu ^_^ oke, nanti saya mampir ke blog design anda yah

Kolom PTC said...

Nice post. Makasih banyak infonya

Download game said...

terimakasih untuk tutorialnya, sangat membantu

Dany said...

Berkunjung yang kesekian kalinya, Mas. Kali ini, judulnya mencari ilmu HTML. Hehe...
Makasih banget share-nya, saya kebetulan lagi cari-cari kode-kode HTML pembuatan tabel untuk keperluan postingan. Eh dapet juga nih di sini.. :D

blogger nusantara said...

Makasih sobat, langsung praktek saya.. perlu banget soalnya mau bikin blog satu lagi dan banyak menggunakan tabel.. mau bikin manual gak paham ..

Dewi Victory Destiny said...

Thanks atas informasinya..
ayo mampir jg k blog saya.. :)

pinang babaris said...

terima kasih penjelasannya...mau dicoba dulu....

Blog Rudy Hartono said...

artikelnya menarik sekali

MRPBlog fom Fanboy said...

Wah, ini dia yg lagi saya cari, thanks bro...


Kapan2 monggo mampir di Blog saya, tentang film review dll. Thx

vsw said...

mas blognya bagus mas,...

jadi tempat inspirasi nih heheheh slm knl mass

viosixwey.blogspot.com

Aldilla Aras said...

mantap ni,,, kalau bikin gambarnya rata tengah gimana? telah saya cobo, gambarnya menyamping,,,?

Ahmad Khoirul Azmi said...

halo, klik pada gambar terus pilih center, atau pilih pada menu text align dan klik center, atau gunakan tag center yang mengapit url gambar, lakukan pada tampilan HTML, contoh:
<center><img src="urlgambar" /></center>
atau kalo ada link
<center><a><img src="urlgambar" /></a></center>

ronalto software said...

klw cara nambah tabelx bagaimana kesamping dan kebawah,thx

smartpulsa-88 said...

tank's Gan tutorialnya soal table
salam sukses.....

yoedha com said...

kalau tabelnya di buat atas 3, trus bawahnya cuma 2 gmn ya bro..
cari turor dmn" gak bisa niii..
cuma pengennya 5 gitu..
dan yang bawah cuma 2 sedangkan yang atas 3..

pulsareload-88 said...

Makasih Gan...
dah saya buka situs-situs penyedia layanan HTML Generator onlinenya...sangat manfaat bagi pemula seperti saya.
salam sukses

http://sugeng-wijaya.blogspot.com said...

oke makasih info nya gan

Anonymous said...

Gan, minta copas ya bahasa htmlnya, Thanks. Mantap!

pepisusanti said...

ok..aq coba ya...trims

Hendy Berbagi said...

makasih tips nya sob, ditunggu kunjungan baliknya di http://hendyberbagi.blogspot.com

I Made Darmadi said...

thank gan... ane posting kembali tulisan agan di blog ane imadedarmadi.blogspot.com beserta dengan linknya.....dengan ini ane izin gan!!! thank's
(klo berkenan mohon disamperin ulang untuk reviewnya gan.)

Adi Purwo said...

Makasih Infonya Gan...

Salam Kompak,...

Rieta Anggraheni said...

Terimakasih.. Sangat membantu :)

Yayat Hidayat said...

makasih Mas pencerahannya..

Post a Comment

Silahkan tinggalkan komentar untuk respon/pertanyaan. Jika ingin menuliskan kode di dalam komentar, convert dulu dengan HTML Encoder. Centang "Notify me" untuk mengetahui balasannya. Maaf apabila komentar dibalas dalam waktu lama atau tidak terbalas karena saya tidak online setiap hari. Atau biar lebih cepat dan enakan bisa kontak lewat Facebook. KOMENTAR BERISI LINK & tidak sesuai dengan Comment Policy akan langsung dihapus.Karena banyaknya spam, komentar sekarang di-moderasi sebelum diterbitkan. Thanks.
Smashed Spams: 11362

Recent Comments

Tautweb.com

  • Menulis Artikel Blog

    Tips dan panduan menulis artikel blog berkualitas dan menarik (dalam beberapa seri).

  • Template Blog Terbaik

    Review dan daftar situs pembuat dan penyedia template blogger berkualitas dan tentunya terbaik.

  • Strategi SEO 2015

    Hal apa saja yang wajib menjadi bagian dari strategi SEO di tahun ini? Simak ulasan lengkapnya di sini.

  • Artikel SEO Friendly

    Tips membuat artikel yang memenuhi syarat SEO sekaligus tetap menjaga kualitasnya.

  • Belajar HTML & CSS

    5 situs rekomendasi untuk mempelajari HTML dan CSS dari tingkat dasar.

© 2010-2015 Buka Rahasia Blogspot | Template by Dicas Blogger | Modified & Enhanced by Ahmad Khoirul Azmi

 ContactPrivacy PolicyComment PolicySitemap